From dc6e221db3843d1df11c151c8cfcdc46e373ede1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 18:33:37 +0000
Subject: [PATCH] Update src/app/booking/page.tsx

---
 src/app/booking/page.tsx | 152 +++++++++++++--------------------------
 1 file changed, 48 insertions(+), 104 deletions(-)

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 5945508..320de5b 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -8,7 +8,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import { User } from "lucide-react";
 
-export default function LandingPage() {
+export default function BookingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -23,112 +23,56 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Classes",
-          id: "/classes",
-        },
-        {
-          name: "Booking",
-          id: "/booking",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="PIVOT FITNESS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Classes", id: "/classes" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="PIVOT FITNESS"
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Easy Booking"
-      description="Secure your spot."
-      features={[
-        {
-          title: "Personal Training",
-          description: "Work with a pro.",
-          media: {
-            imageSrc: "asset://book-pt",
-          },
-          items: [
-            {
-              icon: User,
-              text: "Expert Coaching",
-            },
-          ],
-          reverse: false,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4&_wi=3",
-          imageAlt: "luxury gym interior dark aesthetic",
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Easy Booking"
+            description="Secure your spot."
+            features={[
+              {
+                title: "Personal Training",                description: "Work with a pro.",                media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4" },
+                items: [{ icon: User, text: "Expert Coaching" }],
+                reverse: false
+              },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Booking FAQs"
-      description="Questions about reserving."
-      faqsAnimation="opacity"
-      faqs={[
-        {
-          id: "f1",
-          title: "Can I reschedule?",
-          content: "Up to 24 hours in advance.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Booking FAQs"
+            description="Questions about reserving."
+            faqsAnimation="opacity"
+            faqs={[{ id: "f1", title: "Can I reschedule?", content: "Up to 24 hours in advance." }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Personal Training",
-              href: "/services",
-            },
-            {
-              label: "Yoga",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="PIVOT FITNESS"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Personal Training", href: "/services" }, { label: "Yoga", href: "/services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            logoText="PIVOT FITNESS"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );