Zakat Calculator & Payment

Zakat Calculator & Payment is a landing page for a religious obligation rather than a donation appeal, and that changes everything about it. People delay zakat because they are unsure of the sum, not because they are unwilling — so the centre of this page is a working calculator that shows every step of the arithmetic, with the nisab published and switchable between the gold and silver standards.
Sections, in order

Sticky navbar with anchors and a pay button.
Hero — a nisab-updated badge, the published nisab in both standards with the date and basis, and beside it the calculator: assets in four fields, debts, a nisab selector, and a live result panel showing total assets, debts deducted, net wealth and the 2.5% due — plus a plain verdict sentence when the figure falls below the threshold.
Figures strip — days to distribution, the share reaching recipients, the eight categories, households served.
Types of zakat — three cards: zakat al-mal, zakat al-fitr and fidyah/kaffarah, each with its rate and its timing rule.
The eight categories — all eight listed with the proportion allocated to each, including the administrator share stated openly and set below the permitted limit.
After you pay — a five-step timeline with the clock published: receipt in an hour, district allocation in a week, distribution in thirty days, report in sixty, annual audit.
FAQ — six real questions: money you have lent, gold versus silver nisab, house and car, instalments, directing zakat to a named family, and how "100% to recipients" can be true.
Payment section — a form with the zakat type, amount, district preference and method.

Design and style. Restrained and formal: deep teal with an antique gold accent on warm ivory, Jost over Inter, small ornaments above section titles, no photography of recipients. The calculator runs entirely in the browser — nothing is transmitted until the visitor chooses to pay. Calculator, FAQ accordion, scroll reveal and mobile menu are vanilla JavaScript.
Before you publish. Set both nisab figures and the date they were taken; a stale nisab is the one error that makes the whole page untrustworthy, so it needs a person updating it or a note saying how often it is refreshed. Keep the eight percentages adding to 100 and matching what your committee actually decided. If your institution takes the administrator share differently, rewrite that row and the FAQ answer together — they are the same claim in two places. The form uses named inputs with no action attribute, so PageHub attaches the handler on publish and each payment intent arrives in Form Submissions with type, amount and district attached.
Best suited to zakat institutions and mosque funds, Islamic charities, waqf and infaq programmes, and any faith-based organisation whose givers need a calculation before they can act.