From bbe1e7fbb4f0c047497797f724b2a9dbd389ce4d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 23:25:11 +0000
Subject: [PATCH] Update src/app/training/page.tsx

---
 src/app/training/page.tsx | 165 ++++++++++++++------------------------
 1 file changed, 62 insertions(+), 103 deletions(-)

diff --git a/src/app/training/page.tsx b/src/app/training/page.tsx
index b5b65c0..02bf85b 100644
--- a/src/app/training/page.tsx
+++ b/src/app/training/page.tsx
@@ -7,7 +7,7 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 
-export default function LandingPage() {
+export default function TrainingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -22,111 +22,70 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Hub",
-          id: "/",
-        },
-        {
-          name: "Find a Gym",
-          id: "/find",
-        },
-        {
-          name: "Classes",
-          id: "/training",
-        },
-        {
-          name: "Offers",
-          id: "/news",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-      ]}
-      brandName="GYM HOUSE SBA"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Hub", id: "/" },
+              { name: "Find a Gym", id: "/find" },
+              { name: "Classes", id: "/training" },
+              { name: "Offers", id: "/news" },
+              { name: "Shop", id: "/shop" },
+            ]}
+            brandName="GYM HOUSE SBA"
+          />
+        </div>
 
-  <div id="training-list" data-section="training-list">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Boxing",
-          description: "High-intensity technical training.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-coach-helping-kids_23-2150363729.jpg?_wi=2",
-        },
-        {
-          title: "Swimming",
-          description: "Professional laps and aqua aerobics.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000362.jpg?_wi=3",
-        },
-      ]}
-      title="Class Directory"
-      description="Bodybuilding, Cardio, Swimming, and Boxing."
-    />
-  </div>
+        <div id="training-list" data-section="training-list">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Boxing",                description: "High-intensity technical training.",                imageSrc: "http://img.b2bpic.net/free-photo/side-view-coach-helping-kids_23-2150363729.jpg"},
+              {
+                title: "Swimming",                description: "Professional laps and aqua aerobics.",                imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000362.jpg"},
+            ]}
+            title="Class Directory"
+            description="Bodybuilding, Cardio, Swimming, and Boxing."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      title="Training Questions"
-      sideTitle="Expert Guidance"
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "tq1",
-          title: "Do I need a coach?",
-          content: "We offer optional personal training.",
-        },
-        {
-          id: "tq2",
-          title: "Are classes beginner friendly?",
-          content: "All levels are welcome.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            heading="Training Questions"
+            sideTitle="Expert Guidance"
+            faqsAnimation="slide-up"
+            faqs={[
+              {
+                id: "tq1",                title: "Do I need a coach?",                content: "We offer optional personal training."},
+              {
+                id: "tq2",                title: "Are classes beginner friendly?",                content: "All levels are welcome."},
+            ]}
+          />
+        </div>
 
-  <div id="site-footer" data-section="site-footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Network",
-          items: [
-            {
-              label: "Branches",
-              href: "/find",
-            },
-            {
-              label: "Classes",
-              href: "/training",
-            },
-          ],
-        },
-        {
-          title: "Offers",
-          items: [
-            {
-              label: "Promotions",
-              href: "/news",
-            },
-            {
-              label: "Ramadan Hours",
-              href: "/news",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 GYM HOUSE SBA"
-      bottomRightText="Sidi Bel Abbes"
-    />
-  </div>
+        <div id="site-footer" data-section="site-footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Network",                items: [
+                  { label: "Branches", href: "/find" },
+                  { label: "Classes", href: "/training" },
+                ],
+              },
+              {
+                title: "Offers",                items: [
+                  { label: "Promotions", href: "/news" },
+                  { label: "Ramadan Hours", href: "/news" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 GYM HOUSE SBA"
+            bottomRightText="Sidi Bel Abbes"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );