From a3d620fbc29ae2adf88335e9d476f0e99593e1e2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 16:53:25 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cb5113e..fe70326 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,265 +27,120 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Facilities",
-          id: "features",
-        },
-        {
-          name: "Membership",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="TUG"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Home", id: "hero" },
+                { name: "Facilities", id: "features" },
+                { name: "Membership", id: "pricing" },
+                { name: "Contact", id: "contact" },
+              ]}
+              brandName="TUG"
+              button={{ text: "Join Now", href: "#contact" }}
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="THE ULTIMATE GYM"
-      description="Forged in Strength. Built for Champions. Elevate your performance at Gulberg's most exclusive training facility."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg",
-          imageAlt: "Gym Interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-illustration-man-doing-squats_183364-118304.jpg",
-          imageAlt: "Dumbbell 3D",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-training-with-kettlebells_23-2149358157.jpg",
-          imageAlt: "Athlete Intensity",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699508.jpg",
-          imageAlt: "Modern Equipment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fit-girl-having-rest-after-intensive-cardio-workout-gym-sideways-portrait-tired-serious-young-female-boxer-black-running-shoes-sports-outfit-relaxing-bench_343059-389.jpg",
-          imageAlt: "Abstract Training",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-59099.jpg",
-          imageAlt: "Weight Plates",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="THE ULTIMATE GYM"
+            description="Forged in Strength. Built for Champions. Elevate your performance at Gulberg's most exclusive training facility."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg", imageAlt: "Gym Interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/abstract-illustration-man-doing-squats_183364-118304.jpg", imageAlt: "Dumbbell 3D" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-training-with-kettlebells_23-2149358157.jpg", imageAlt: "Athlete Intensity" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699508.jpg", imageAlt: "Modern Equipment" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/fit-girl-having-rest-after-intensive-cardio-workout-gym-sideways-portrait-tired-serious-young-female-boxer-black-running-shoes-sports-outfit-relaxing-bench_343059-389.jpg", imageAlt: "Abstract Training" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-59099.jpg", imageAlt: "Weight Plates" },
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "100+",
-          title: "Elite Machines",
-          description: "State-of-the-art strength equipment.",
-          icon: Activity,
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Serious Culture",
-          description: "Non-stop training environment.",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          value: "Pro",
-          title: "Expert Coaches",
-          description: "Certified trainers for every goal.",
-          icon: Award,
-        },
-      ]}
-      title="Elite Standards"
-      description="Our facility is designed for those who demand excellence."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "100+", title: "Elite Machines", description: "State-of-the-art strength equipment.", icon: Activity },
+              { id: "m2", value: "24/7", title: "Serious Culture", description: "Non-stop training environment.", icon: Clock },
+              { id: "m3", value: "Pro", title: "Expert Coaches", description: "Certified trainers for every goal.", icon: Award },
+            ]}
+            title="Elite Standards"
+            description="Our facility is designed for those who demand excellence."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      useInvertedBackground={true}
-      title="The Training Arena"
-      description="Engineered for maximum intensity and peak performance."
-      accordionItems={[
-        {
-          id: "a1",
-          title: "Strength Zone",
-          content: "Equipped with world-class free weights and power racks for serious gains.",
-        },
-        {
-          id: "a2",
-          title: "Cardio Arena",
-          content: "Modern, high-performance cardio machines to push your endurance limits.",
-        },
-        {
-          id: "a3",
-          title: "Personal Coaching",
-          content: "Customized programming from our expert certified training staff.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/fitness-equipment_53876-138086.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyOne
+            useInvertedBackground={true}
+            title="The Training Arena"
+            description="Engineered for maximum intensity and peak performance."
+            accordionItems={[
+              { id: "a1", title: "Strength Zone", content: "Equipped with world-class free weights and power racks for serious gains." },
+              { id: "a2", title: "Cardio Arena", content: "Modern, high-performance cardio machines to push your endurance limits." },
+              { id: "a3", title: "Personal Coaching", content: "Customized programming from our expert certified training staff." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/fitness-equipment_53876-138086.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Best in Lahore",
-          quote: "The intensity at this gym is unmatched. Best equipment in Gulberg.",
-          name: "Ali Raza",
-          role: "Powerlifter",
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661001.jpg",
-        },
-        {
-          id: "2",
-          title: "Serious Gains",
-          quote: "Finally a gym that takes performance seriously. Elite atmosphere.",
-          name: "Sarah Khan",
-          role: "Fitness Enthusiast",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-ballerina-doing-ballet-move-dark-area_181624-5089.jpg",
-        },
-        {
-          id: "3",
-          title: "World Class",
-          quote: "Professional environment, great staff, and top-tier machines.",
-          name: "Omar Malik",
-          role: "Bodybuilder",
-          imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-16560.jpg",
-        },
-        {
-          id: "4",
-          title: "Top Coaching",
-          quote: "The coaching here has transformed my training methodology completely.",
-          name: "Zaid Farooq",
-          role: "Athlete",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114233.jpg",
-        },
-        {
-          id: "5",
-          title: "Perfect Vibes",
-          quote: "Love the dark, intense vibe of this place. Perfect for serious lifting.",
-          name: "Fatima Noor",
-          role: "Gym Member",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-iron-dumbbells_1301-2292.jpg",
-        },
-      ]}
-      title="Champions Speak"
-      description="Join the elite community of athletes training at TUG."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Best in Lahore", quote: "The intensity at this gym is unmatched. Best equipment in Gulberg.", name: "Ali Raza", role: "Powerlifter", imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661001.jpg" },
+              { id: "2", title: "Serious Gains", quote: "Finally a gym that takes performance seriously. Elite atmosphere.", name: "Sarah Khan", role: "Fitness Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-ballerina-doing-ballet-move-dark-area_181624-5089.jpg" },
+              { id: "3", title: "World Class", quote: "Professional environment, great staff, and top-tier machines.", name: "Omar Malik", role: "Bodybuilder", imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-16560.jpg" },
+              { id: "4", title: "Top Coaching", quote: "The coaching here has transformed my training methodology completely.", name: "Zaid Farooq", role: "Athlete", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114233.jpg" },
+              { id: "5", title: "Perfect Vibes", quote: "Love the dark, intense vibe of this place. Perfect for serious lifting.", name: "Fatima Noor", role: "Gym Member", imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-iron-dumbbells_1301-2292.jpg" },
+            ]}
+            title="Champions Speak"
+            description="Join the elite community of athletes training at TUG."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Where are you located?",
-          content: "We are located in Gulberg, near Ghalib Market, Lahore.",
-        },
-        {
-          id: "f2",
-          title: "What are the contact numbers?",
-          content: "You can reach us at 03237042898 or 03229889702.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer training?",
-          content: "Yes, we provide personalized professional coaching services.",
-        },
-      ]}
-      sideTitle="Questions?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Where are you located?", content: "We are located in Gulberg, near Ghalib Market, Lahore." },
+              { id: "f2", title: "What are the contact numbers?", content: "You can reach us at 03237042898 or 03229889702." },
+              { id: "f3", title: "Do you offer training?", content: "Yes, we provide personalized professional coaching services." },
+            ]}
+            sideTitle="Questions?"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="GET IN TOUCH"
-      title="Ready to Transform?"
-      description="Visit us at Ghalib Market, Gulberg, or reach out to our team via phone or Instagram."
-      buttons={[
-        {
-          text: "Call 03237042898",
-          href: "tel:03237042898",
-        },
-        {
-          text: "Follow on Instagram",
-          href: "https://www.instagram.com/theultimategym_tug/?hl=en",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="GET IN TOUCH"
+            title="Ready to Transform?"
+            description="Visit us at Ghalib Market, Gulberg, or reach out to our team via phone or Instagram."
+            buttons={[
+              { text: "Call 03237042898", href: "tel:03237042898" },
+              { text: "Follow on Instagram", href: "https://www.instagram.com/theultimategym_tug/?hl=en" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Gulberg, Lahore",
-              href: "#",
-            },
-            {
-              label: "Ghalib Market",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "03237042898",
-              href: "tel:03237042898",
-            },
-            {
-              label: "03229889702",
-              href: "tel:03229889702",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "https://www.instagram.com/theultimategym_tug/?hl=en",
-            },
-          ],
-        },
-      ]}
-      logoText="TUG"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Gulberg, Lahore", href: "#" }, { label: "Ghalib Market", href: "#" }] },
+              { items: [{ label: "03237042898", href: "tel:03237042898" }, { label: "03229889702", href: "tel:03229889702" }] },
+              { items: [{ label: "Instagram", href: "https://www.instagram.com/theultimategym_tug/?hl=en" }] },
+            ]}
+            logoText="TUG"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );