A
Anonymous

Create a Payment Page Section Layout with React and Tailwind CSS

Create a Payment Page Section Layout: Two Sections Left Section: Summary Card Display the following information: Site Name Block Name Flat Number Floor Number Applicant Name Applicant Mobile Number Applicant Email Total Flat Price Currently Payable Amount (Booking Amount) Right Section: Payment Options Show two large icons: Online Payment Offline Payment If Online Payment is Selected: Display icons/images for all payment gateways. If Offline Payment is Selected: Include a "Print" button at the top right to print bank account details. Show multiple bank account details in cards, including: Bank Logo Bank Name IFSC Code Bank Address Account Holder Name Account Number When a user clicks on any offline bank card: Open a form to fill in the following: UTR Number Receipt Upload Payment Date Submit Button

Prompt
Component Preview

About

Design a comprehensive payment page featuring summary details and flexible payment options, including online and offline methods with bank details and forms, using React and Tailwind CSS.

Share

Last updated 1 month ago