From cc99f7eb8704c7824266047caa28889ddc7c2512 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 20:40:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 345 ++++++++++++++---------------------------------
 1 file changed, 100 insertions(+), 245 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7697e31..787ccb2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,257 +25,112 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Classes",
-          id: "classes",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="The Bronx Gym"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Classes", id: "classes" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="The Bronx Gym"
+            button={{ text: "Join Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Earn Your Respect"
-      description="Where discipline meets raw street energy. The heart of Johannesburg's grind."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg",
-          alt: "Athlete 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg",
-          alt: "Athlete 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg",
-          alt: "Athlete 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/aged-man-showing-muscles-studio-shoot-isolated-dark-grey_613910-975.jpg",
-          alt: "Athlete 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg",
-          alt: "Athlete 5",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Join the Grind",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "HARDCORE TRAINING",
-        },
-        {
-          type: "text",
-          text: "24/7 ACCESS",
-        },
-        {
-          type: "text",
-          text: "IBFF AFFILIATE",
-        },
-        {
-          type: "text",
-          text: "STREET READY",
-        },
-        {
-          type: "text",
-          text: "UNAPOLOGETIC",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "gradient-bars" }}
+            title="Earn Your Respect"
+            description="Where discipline meets raw street energy. The heart of Johannesburg's grind."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg", alt: "Athlete 1" },
+              { src: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg", alt: "Athlete 2" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg", alt: "Athlete 3" },
+              { src: "http://img.b2bpic.net/free-photo/aged-man-showing-muscles-studio-shoot-isolated-dark-grey_613910-975.jpg", alt: "Athlete 4" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg", alt: "Athlete 5" },
+            ]}
+            buttons={[{ text: "Join the Grind", href: "#contact" }]}
+            marqueeItems={[
+              { type: "text", text: "HARDCORE TRAINING" },
+              { type: "text", text: "24/7 ACCESS" },
+              { type: "text", text: "IBFF AFFILIATE" },
+              { type: "text", text: "STREET READY" },
+              { type: "text", text: "UNAPOLOGETIC" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Built for the Serious"
-      description="The Bronx Gym is more than a fitness space. We are an IBFF affiliate standing at the intersection of raw street energy and competitive excellence."
-      metrics={[
-        {
-          value: "10+",
-          title: "Years Experience",
-        },
-        {
-          value: "24/7",
-          title: "Commitment",
-        },
-        {
-          value: "100%",
-          title: "Intensity",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-jogging-city_23-2149270295.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-      imageAlt="boxing training ring hillbrow"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Built for the Serious"
+            description="The Bronx Gym is more than a fitness space. We are an IBFF affiliate standing at the intersection of raw street energy and competitive excellence."
+            metrics={[
+              { value: "10+", title: "Years Experience" },
+              { value: "24/7", title: "Commitment" },
+              { value: "100%", title: "Intensity" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/woman-jogging-city_23-2149270295.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+            imageAlt="boxing training ring hillbrow"
+          />
+        </div>
 
-  <div id="classes" data-section="classes">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "High-Intensity Aerobics",
-          author: "Pro Coach",
-          description: "Endurance-focused workouts to push your absolute limits.",
-          tags: [
-            "Cardio",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Spin Classes",
-          author: "Pro Coach",
-          description: "High-energy cycling sessions to burn fat and build stamina.",
-          tags: [
-            "Spin",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          title: "Yoga",
-          author: "Pro Coach",
-          description: "Critical balance and recovery for long-term health and focus.",
-          tags: [
-            "Recovery",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg?_wi=1",
-        },
-      ]}
-      title="Structured Weekly Classes"
-      description="Push your limits with our high-energy training sessions."
-    />
-  </div>
+        <div id="classes" data-section="classes">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", title: "High-Intensity Aerobics", author: "Pro Coach", description: "Endurance-focused workouts to push your absolute limits.", tags: ["Cardio"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg" },
+              { id: "2", title: "Spin Classes", author: "Pro Coach", description: "High-energy cycling sessions to burn fat and build stamina.", tags: ["Spin"], imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg" },
+              { id: "3", title: "Yoga", author: "Pro Coach", description: "Critical balance and recovery for long-term health and focus.", tags: ["Recovery"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg" },
+            ]}
+            title="Structured Weekly Classes"
+            description="Push your limits with our high-energy training sessions."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Fighter",
-          testimonial: "This place changed everything. Raw, real, and intense.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          role: "Bodybuilder",
-          testimonial: "True street energy. Nothing else like it in Joburg.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Athlete",
-          testimonial: "The community here drives me to be better every single day.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Member",
-          testimonial: "Affordable and unapologetic. My home away from home.",
-          imageSrc: "http://img.b2bpic.net/free-photo/aged-man-showing-muscles-studio-shoot-isolated-dark-grey_613910-975.jpg",
-        },
-        {
-          id: "5",
-          name: "Tshepo M.",
-          role: "Powerlifter",
-          testimonial: "The only place that matches my intensity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg?_wi=3",
-        },
-      ]}
-      title="Relentless Community"
-      description="Hear from the fighters, bodybuilders, and everyday grinders that make The Bronx Gym home."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Fighter", testimonial: "This place changed everything. Raw, real, and intense.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg" },
+              { id: "2", name: "Michael C.", role: "Bodybuilder", testimonial: "True street energy. Nothing else like it in Joburg.", imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-feeling-motivated-while-sitting-gym-s-dressing-room-before-sports-training_637285-759.jpg" },
+              { id: "3", name: "Emily R.", role: "Athlete", testimonial: "The community here drives me to be better every single day.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-leaning_23-2148259530.jpg" },
+              { id: "4", name: "David K.", role: "Member", testimonial: "Affordable and unapologetic. My home away from home.", imageSrc: "http://img.b2bpic.net/free-photo/aged-man-showing-muscles-studio-shoot-isolated-dark-grey_613910-975.jpg" },
+              { id: "5", name: "Tshepo M.", role: "Powerlifter", testimonial: "The only place that matches my intensity.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg" },
+            ]}
+            title="Relentless Community"
+            description="Hear from the fighters, bodybuilders, and everyday grinders that make The Bronx Gym home."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get In Touch"
-      title="Join The Bronx Gym"
-      description="Ready to earn your respect? Visit us in the heart of Hillbrow."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "mailto:info@bronxgym.co.za",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get In Touch"
+            title="Join The Bronx Gym"
+            description="Ready to earn your respect? Visit us in the heart of Hillbrow."
+            buttons={[{ text: "Contact Us Now", href: "mailto:info@bronxgym.co.za" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="The Bronx Gym"
-      columns={[
-        {
-          title: "Explore",
-          items: [
-            {
-              label: "Classes",
-              href: "#classes",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 The Bronx Gym. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="The Bronx Gym"
+            columns={[
+              { title: "Explore", items: [{ label: "Classes", href: "#classes" }, { label: "About", href: "#about" }] },
+              { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
+            ]}
+            copyrightText="© 2025 The Bronx Gym. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1