From aba114244e4252675a7f9b13aa5dc5cf307dee21 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 06:03:00 +0000
Subject: [PATCH 1/2] Update src/app/booking/page.tsx

---
 src/app/booking/page.tsx | 146 ++++++++++++++++-----------------------
 1 file changed, 59 insertions(+), 87 deletions(-)

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index b30f168..93125b4 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -9,7 +9,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import { Users } from "lucide-react";
 
-export default function LandingPage() {
+export default function BookingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -24,96 +24,68 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Book Now",          id: "/booking"},
-      ]}
-      brandName="Divya Jyot"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Book Now", id: "/booking" },
+            ]}
+            brandName="Divya Jyot"
+          />
+        </div>
 
-  <div id="booking-form" data-section="booking-form">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Book Your Slot"
-      description="Select your sport, date, and time."
-      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"],
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-diagonal-stripes-background_84443-82398.jpg"
-      buttonText="Confirm Booking"
-    />
-  </div>
+        <div id="booking-form" data-section="booking-form">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Book Your Slot"
+            description="Select your sport, date, and time."
+            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"]
+            }}
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-diagonal-stripes-background_84443-82398.jpg"
+            buttonText="Confirm Booking"
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="page"
-      title="Booking Privacy Policy"
-      sections={[
-        {
-          heading: "Data Usage",          content: {
-            type: "paragraph",            text: "Your personal details are used solely to facilitate your booking and communication with the academy management."},
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="page"
+            title="Booking Privacy Policy"
+            sections={[
+              { heading: "Data Usage", content: { text: "Your personal details are used solely to facilitate your booking and communication with the academy management." } },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Player Feedback"
-      title="Why Athletes Choose Us"
-      description="Modern facilities, top-tier equipment, and community-driven sports environment."
-      subdescription="Join the growing community of local athletes today."
-      icon={Users}
-      imageSrc="http://img.b2bpic.net/free-photo/young-sporty-girl-player-with-tennis-racket-tennis-court_627829-6335.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Player Feedback"
+            title="Why Athletes Choose Us"
+            description="Modern facilities, top-tier equipment, and community-driven sports environment."
+            subdescription="Join the growing community of local athletes today."
+            icon={Users}
+            imageSrc="http://img.b2bpic.net/free-photo/young-sporty-girl-player-with-tennis-racket-tennis-court_627829-6335.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Academy",          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Pricing",              href: "#"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "#"},
-            {
-              label: "FAQ",              href: "#"},
-          ],
-        },
-      ]}
-      logoText="Divya Jyot"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Academy", items: [{ label: "About Us", href: "#" }, { label: "Pricing", href: "#" }] },
+              { title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQ", href: "#" }] },
+            ]}
+            logoText="Divya Jyot"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 54151b9eb393b90c8b2f5f4214b38a9fba33ac56 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 06:03:00 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 178 +++++++++++++++++++----------------------------
 1 file changed, 71 insertions(+), 107 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5126db3..736213d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,119 +26,83 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Book Now",          id: "/booking"},
-      ]}
-      brandName="Divya Jyot"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Book Now", id: "/booking" },
+            ]}
+            brandName="Divya Jyot"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient"}}
-      title="Divya Jyot Sports Academy"
-      description="Book Your Game. Play Your Passion."
-      buttons={[
-        {
-          text: "Book Now",          href: "/booking"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/people-doing-sports-with-disabilities_23-2149067347.jpg"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "sparkles-gradient" }}
+            title="Divya Jyot Sports Academy"
+            description="Book Your Game. Play Your Passion."
+            buttons={[{ text: "Book Now", href: "/booking" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/people-doing-sports-with-disabilities_23-2149067347.jpg"
+          />
+        </div>
 
-  <div id="sports-selection" data-section="sports-selection">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Trophy,
-          title: "Box Cricket",          description: "High-intensity indoor cricket matches."},
-        {
-          icon: Activity,
-          title: "Football",          description: "Dynamic turf for football enthusiasts."},
-        {
-          icon: Target,
-          title: "Basketball",          description: "Full-court play for competitive games."},
-        {
-          icon: Award,
-          title: "Pickleball",          description: "Popular court sport for all ages."},
-      ]}
-      title="Our Sports"
-      description="Choose your arena and play your favorite game."
-    />
-  </div>
+        <div id="sports-selection" data-section="sports-selection">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Trophy, title: "Box Cricket", description: "High-intensity indoor cricket matches." },
+              { icon: Activity, title: "Football", description: "Dynamic turf for football enthusiasts." },
+              { icon: Target, title: "Basketball", description: "Full-court play for competitive games." },
+              { icon: Award, title: "Pickleball", description: "Popular court sport for all ages." },
+            ]}
+            title="Our Sports"
+            description="Choose your arena and play your favorite game."
+          />
+        </div>
 
-  <div id="cta" data-section="cta">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Ready to Play?"
-      buttons={[
-        {
-          text: "Book Your Slot",          href: "/booking"},
-      ]}
-    />
-  </div>
+        <div id="cta" data-section="cta">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Ready to Play?"
+            buttons={[{ text: "Book Your Slot", href: "/booking" }]}
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Player Testimonials"
-      description="What our athletes have to say about the academy."
-      testimonials={[
-        {
-          id: "1",          title: "Great Experience",          quote: "The turf quality is exceptional. Best in the city!",          name: "Rahul S.",          role: "Cricket Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/cricket-equipment-digital-art_23-2151761280.jpg",          imageAlt: "box cricket icon minimal"},
-        {
-          id: "2",          title: "Perfect Venue",          quote: "Well-lit and maintained courts for basketball.",          name: "Anjali M.",          role: "Basketball Player",          imageSrc: "http://img.b2bpic.net/free-photo/people-doing-sports-with-disabilities_23-2149067347.jpg",          imageAlt: "box cricket icon minimal"},
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Player Testimonials"
+            description="What our athletes have to say about the academy."
+            testimonials={[
+              { id: "1", title: "Great Experience", quote: "The turf quality is exceptional. Best in the city!", name: "Rahul S.", role: "Cricket Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/cricket-equipment-digital-art_23-2151761280.jpg", imageAlt: "box cricket icon minimal" },
+              { id: "2", title: "Perfect Venue", quote: "Well-lit and maintained courts for basketball.", name: "Anjali M.", role: "Basketball Player", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-sports-with-disabilities_23-2149067347.jpg", imageAlt: "box cricket icon minimal" },
+            ]}
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Terms & Conditions"
-      sections={[
-        {
-          heading: "Booking Policy",          content: {
-            type: "paragraph",            text: "All bookings must be made at least 2 hours in advance. Cancellations must be notified 24 hours prior to avoid penalties."},
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Terms & Conditions"
+            sections={[
+              { heading: "Booking Policy", content: { text: "All bookings must be made at least 2 hours in advance. Cancellations must be notified 24 hours prior to avoid penalties." } },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Academy",          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Pricing",              href: "#"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "#"},
-            {
-              label: "FAQ",              href: "#"},
-          ],
-        },
-      ]}
-      logoText="Divya Jyot"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Academy", items: [{ label: "About Us", href: "#" }, { label: "Pricing", href: "#" }] },
+              { title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQ", href: "#" }] },
+            ]}
+            logoText="Divya Jyot"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1