Merge version_2 into main #6
@@ -11,7 +11,20 @@ export default function BookingPage() {
|
||||
<NavbarStyleFullscreen brandName="Divya Jyot" navItems={[{ name: "Home", id: "/" }, { name: "Book Now", id: "/booking" }]} />
|
||||
</div>
|
||||
<div id="booking-form" data-section="booking-form">
|
||||
<ContactSplitForm title="Book Your Slot" description="Select your sport, date, and time." imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-diagonal-stripes-background_84443-82398.jpg" useInvertedBackground={false} inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "phone", type: "tel", placeholder: "Phone Number", required: true }, { name: "date", type: "date", placeholder: "Select Date", required: true }, { name: "time", type: "time", placeholder: "Select Time Slot", required: true }]} multiSelect={{ name: "sport", label: "Select Sport", options: ["Box Cricket", "Football", "Basketball", "Pickleball"] }} buttonText="Confirm Booking" />
|
||||
<ContactSplitForm
|
||||
title="Book Your Court"
|
||||
description="Fill out the details below to secure your preferred slot at Divya Jyot Sports Academy. Our team will confirm your booking shortly."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sports-equipment-arrangement-view_23-2149129583.jpg"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Preferred Date", required: true }
|
||||
]}
|
||||
multiSelect={{ name: "sport", label: "Select Sport", options: ["Box Cricket", "Football", "Basketball", "Pickleball"] }}
|
||||
textarea={{ name: "message", placeholder: "Additional requirements or requests", rows: 4 }}
|
||||
buttonText="Confirm Booking"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase logoText="Divya Jyot" columns={[{ title: "Academy", items: [{ label: "About Us", href: "#" }, { label: "Pricing", href: "#" }] }, { title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQ", href: "#" }] }]} />
|
||||
|
||||
Reference in New Issue
Block a user