From 8af233d6e902df914b6b50f6f5d9c532aed406be Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 25 Mar 2026 22:25:57 +0000
Subject: [PATCH] Update src/app/trainers/page.tsx

---
 src/app/trainers/page.tsx | 369 +++++++-------------------------------
 1 file changed, 60 insertions(+), 309 deletions(-)

diff --git a/src/app/trainers/page.tsx b/src/app/trainers/page.tsx
index 4b47da9..3386fff 100644
--- a/src/app/trainers/page.tsx
+++ b/src/app/trainers/page.tsx
@@ -2,15 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Heart, Instagram, Twitter, Users } from "lucide-react";
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import { Activity, Award, Gauge, Users, Brain, FlaskConical } from "lucide-react";
 
-export default function LandingPage() {
+export default function TrainersPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -25,310 +21,65 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Progress",
-          id: "metrics",
-        },
-        {
-          name: "Trainers",
-          id: "team",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-          href: "/pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-          href: "/contact",
-        },
-      ]}
-      button={{
-        text: "Start Your Journey",
-        href: "/signup",
-      }}
-      brandName="FitForge AI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              {
+                name: "Home",                id: "/"
+              },
+              {
+                name: "Features",                id: "/#features"
+              },
+              {
+                name: "Progress",                id: "/progress-tracking"
+              },
+              {
+                name: "Trainers",                id: "/trainers"
+              },
+              {
+                name: "Testimonials",                id: "/#testimonials"
+              },
+              {
+                name: "FAQ",                id: "/#faq"
+              },
+              {
+                name: "Pricing",                id: "/#pricing"
+              },
+              {
+                name: "Contact",                id: "/#contact"
+              }
+            ]}
+            button={{
+              text: "Start Your Journey",              href: "/signup"
+            }}
+            brandName="FitForge AI"
+          />
+        </div>
 
-  <div id="trainer-directory" data-section="trainer-directory">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "1",
-          name: "Coach Nova",
-          role: "Strength & Conditioning AI",
-          description: "Nova excels in crafting powerful strength routines and conditioning programs to maximize muscle growth and endurance.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/a-professional-male-fitness-trainer-futu-1774476370930-e452589a.png",
-          imageAlt: "AI Male Fitness Trainer Nova",
-          socialLinks: [
-            {
-              icon: Twitter,
-              url: "#",
-            },
-            {
-              icon: Instagram,
-              url: "#",
-            },
-          ],
-        },
-        {
-          id: "2",
-          name: "Coach Aura",
-          role: "Holistic Wellness & Mobility AI",
-          description: "Aura focuses on comprehensive well-being, combining flexible workouts, mindful movement, and nutrition for balanced health.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/a-professional-female-fitness-trainer-fu-1774476370116-3d94e447.png",
-          imageAlt: "AI Female Fitness Trainer Aura",
-          socialLinks: [
-            {
-              icon: Twitter,
-              url: "#",
-            },
-            {
-              icon: Instagram,
-              url: "#",
-            },
-          ],
-        },
-        {
-          id: "3",
-          name: "Coach Zenith",
-          role: "Performance & HIIT AI",
-          description: "Zenith is your go-to for high-intensity interval training, pushing your limits for peak performance and rapid fat loss.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/a-professional-male-fitness-trainer-futu-1774476370986-fa77389c.png",
-          imageAlt: "AI Male Fitness Trainer Zenith",
-          socialLinks: [
-            {
-              icon: Twitter,
-              url: "#",
-            },
-            {
-              icon: Instagram,
-              url: "#",
-            },
-          ],
-        },
-        {
-          id: "4",
-          name: "Coach Solara",
-          role: "Endurance & Recovery AI",
-          description: "Solara specializes in long-duration cardio, effective recovery techniques, and injury prevention to keep you training stronger.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/a-professional-female-fitness-trainer-fu-1774476370835-786f5f97.png",
-          imageAlt: "AI Female Fitness Trainer Solara",
-          socialLinks: [
-            {
-              icon: Twitter,
-              url: "#",
-            },
-            {
-              icon: Instagram,
-              url: "#",
-            },
-          ],
-        },
-      ]}
-      title="Meet Our Elite AI-Powered Trainers"
-      description="Our team of virtual fitness experts are here to guide you, motivate you, and help you unlock your full potential. Each trainer specializes in diverse fitness domains, powered by FitForge AI intelligence."
-      tag="Expert Guidance"
-      tagIcon={Users}
-    />
-  </div>
+        <div id="trainers-hero" data-section="trainers-hero">
+          {/* Placeholder for a hero section specific to trainers */}
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Meet Our Expert AI Trainers"
+            metrics={[
+              {
+                icon: Brain,
+                label: "AI-Driven Expertise",                value: "100%"
+              },
+              {
+                icon: FlaskConical,
+                label: "Scientific Approach",                value: "Proven"
+              },
+              {
+                icon: Users,
+                label: "Adaptive Coaching",                value: "Personalized"
+              }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="trainer-philosophy" data-section="trainer-philosophy">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={true}
-      imagePosition="left"
-      title="Our AI Trainer Philosophy"
-      description="At FitForge AI, our virtual trainers are designed to be more than just workout generators. They are your personalized partners in health, combining cutting-edge artificial intelligence with deep fitness knowledge to create a truly bespoke experience. We believe in intelligent, adaptive, and results-driven coaching."
-      bulletPoints={[
-        {
-          title: "Personalized Adaptability",
-          description: "Our AI adapts to your real-time performance, adjusting workouts to match your progress and prevent plateaus.",
-          icon: Brain,
-        },
-        {
-          title: "Science-Backed Strategies",
-          description: "Every recommendation is rooted in sports science, ensuring optimal effectiveness and safety.",
-          icon: FlaskConical,
-        },
-        {
-          title: "Holistic Development",
-          description: "We focus on strength, endurance, flexibility, and mental well-being for a complete transformation.",
-          icon: Heart,
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/an-abstract-glowing-ai-holographic-displ-1774476371379-fc4b75ed.png?_wi=3"
-      imageAlt="Abstract AI coach hologram"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="trainer-features" data-section="trainer-features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Dynamic Workout Adjustments",
-          description: "Based on your daily readiness and past performance, our AI dynamically adjusts your workout intensity and volume for optimal results.",
-          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/a-sleek-dark-ui-dashboard-displaying-rea-1774476371465-f4675a84.png?_wi=5",
-            imageAlt: "Workout adjustment screen 1",
-          },
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/an-immersive-3d-workout-environment-rend-1774476371159-45f36be3.png?_wi=3",
-            imageAlt: "Workout adjustment screen 2",
-          },
-        },
-        {
-          id: 2,
-          title: "Nutrition & Recovery Integration",
-          description: "Our trainers don't just plan workouts; they provide integrated nutrition advice and recovery protocols for a truly holistic approach.",
-          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/an-abstract-glowing-ai-holographic-displ-1774476371379-fc4b75ed.png?_wi=4",
-            imageAlt: "Nutrition planning screen 1",
-          },
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/a-stylized-glowing-bicep-or-weightliftin-1774476371067-980632a6.png",
-            imageAlt: "Recovery insights screen 2",
-          },
-        },
-      ]}
-      showStepNumbers={true}
-      title="What Our AI Trainers Offer"
-      description="Experience a new era of fitness coaching with features that go beyond conventional training."
-      tag="Next-Gen Coaching"
-    />
-  </div>
-
-  <div id="trainer-testimonials" data-section="trainer-testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Jordan P.",
-          handle: "@jordan_lifts",
-          testimonial: "Coach Nova's strength programs are incredible! I've seen more gains in 3 months than I did in a year at the gym.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/a-futuristic-stylized-portrait-of-a-dete-1774476370366-718d4473.png",
-        },
-        {
-          id: "2",
-          name: "Chloe B.",
-          handle: "@chloe_active",
-          testimonial: "Aura helped me find balance. My mobility has drastically improved, and I feel fantastic both physically and mentally.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/a-futuristic-stylized-portrait-of-an-ene-1774476370577-55354c3e.png",
-        },
-        {
-          id: "3",
-          name: "Marcus T.",
-          handle: "@marcus_fit",
-          testimonial: "Zenith pushes me hard in the best way. My HIIT performance is through the roof, and I'm shredded!",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/a-futuristic-stylized-portrait-of-a-smil-1774476371034-a43aa2d7.png?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Layla G.",
-          handle: "@layla_wellness",
-          testimonial: "Solara's recovery tips are a game-changer. I used to be so sore, now I bounce back quicker and stronger.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSIvIThKQcK006fPu1CF1lDCQ8/a-futuristic-stylized-portrait-of-a-smil-1774476371050-47796571.png?_wi=2",
-        },
-      ]}
-      title="Hear From Our Trainees"
-      description="Our users love the personalized guidance and support from our AI trainers. Join a community that's achieving greatness."
-      tag="Real Results"
-      speed={40}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Pricing",
-              href: "/pricing",
-            },
-            {
-              label: "Features",
-              href: "/features",
-            },
-            {
-              label: "Dashboard",
-              href: "/dashboard",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Trainers",
-              href: "/trainers",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "/blog",
-            },
-            {
-              label: "Support",
-              href: "/support",
-            },
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-          ],
-        },
-      ]}
-      logoText="Build Your Ultimate Body"
-      copyrightText="© 2024 Build Your Ultimate Body. All rights reserved."
-    />
-  </div>
+        {/* Add more sections specific to trainers as needed */}
       </ReactLenis>
     </ThemeProvider>
   );