bender/172ec97f-cc4f-448c-9157-883cd4b6b8e2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #8

Merged
bender merged 1 commits from version_3 into main 2026-04-18 06:10:46 +00:00
Conversation 0 Commits 1 Files Changed 1 +10 -12
1 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/booking/page.tsx
View File

@@ -1,34 +1,32 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function BookingPage() {
const handleBookingSubmit = (email: string) => {
alert(`Booking request received for: ${email}. We will contact you soon!`);
};
return (
<ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="background-highlight" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<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 Court"
<ContactSplit
tag="Reservation"
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"
useInvertedBackground={false}
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"
onSubmit={handleBookingSubmit}
/>
</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: "#" }] }]} />
<FooterBase logoText="Divya Jyot" columns={[{ title: "Academy", items: [{ label: "About Us", href: "/" }, { label: "Pricing", href: "/" }] }, { title: "Support", items: [{ label: "Contact", href: "/" }, { label: "FAQ", href: "/" }] }]} />
</div>
</ThemeProvider>
);