A
Anonymous

Payment Page - Copy this React, Tailwind Component to your project

Create a payment page section divide into 2 sections on the left section create a card/section show summary , like site name,block name,flat number,floor number,applicant name,applicant mobile number,applicant email,total flat price,currently payable amount(booking amount), on the right side section show 2 large icons one for online payment another for offline payment if user chooses online then show all payment gateways icons/images else if chooses offline payment(also add a print button on top right so that user can print these offline banks account numbers) then show a multiple account details in cards with bank logo and bank name and ifsc code and address,and account holder name,and account number and when user clicks on any of these offline bank cards then open a form where user can fill utr number,he can upload his receipt,he can choose payment date,and a submit form button

Prompt
Component Preview

About

PaymentPage - A dual-section layout for payment summaries and options. Features online/offline payment icons, bank details, and a UTR. Get component free!

Share

Last updated 1 month ago