Make it real
Secure, focused contribution flow
Choose an amount and launch a clean donation flow.
The donation experience now lives on its own dedicated page, so visitors can focus on contributing without scrolling past unrelated sections.
Secure by design
Preset amounts, custom input, success messaging, and Razorpay-ready handoff are all preserved.
Donate with confidence
Complete a simple donor check before continuing to payment.
This flow now asks for donor details, phone verification, and payment information before enabling the donation step. OTP verification is mocked on the front end for this demo.
Identity
Name and phone verification before continuing
Validation
Card format, expiry, CVV, and OTP checks
Payment
Donate button unlocks only after verification
Demo note: this OTP and card verification UI is front-end only. Real card and OTP handling should be processed by a secure payment provider on the server side.