General Layout:
Use a clean and modern design with Tailwind CSS.
Organize the form into distinct sections using cards for clarity.
Ensure the form is responsive and user-friendly.
Header Section (Card Layout):
Contract Information Card:
Include text inputs for "Contract No", "Contract Date", "Customer Code", and "Customer Name".
Arrange inputs in a grid layout with two columns.
Lease Details Card:
Include text inputs for "Leased Property", "Location", "Lease Term".
Include date pickers for "Lease Start", "Lease End", and "Bill Start".
Include a text input for "Payment Term".
Arrange inputs in a grid layout with two columns.
Escalation Details Card:
Include dropdowns for "Escalation Basis" and text input for "Escalation Rate".
Include text inputs for "Rent Advance" and "Rent Deposit".
Include radio buttons for "Deposit Type" with options "Refundable" and "Non-refundable".
Arrange inputs in a grid layout with two columns.
Status and VAT Card:
Include dropdowns for "Status", "VAT Co | A shadcn/ui and v0 generation - v0
