Update src/app/trainers/page.tsx

Merge version_1 into main

src/app/classes/page.tsx

@@ -1,72 +1,15 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
+import ContactForm from "@/components/form/ContactForm";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import Link from "next/link";
+import { Calendar, Users, Clock, Zap, Target, Heart } from "lucide-react";
-import {
-  Zap,
-  Users,
-  Award,
-  Dumbbell,
-  Target,
-  Sparkles,
-  CreditCard,
-  Heart,
-  HelpCircle,
-} from "lucide-react";
 
 export default function ClassesPage() {
-  const navItems = [
-    { name: "Home", id: "home" },
-    { name: "Classes", id: "classes" },
-    { name: "Trainers", id: "trainers" },
-    { name: "Membership", id: "membership" },
-    { name: "Contact", id: "contact" },
-  ];
-
-  const footerColumns = [
-    {
-      title: "Company",
-      items: [
-        { label: "About Us", href: "#" },
-        { label: "Careers", href: "#" },
-        { label: "Blog", href: "#" },
-        { label: "Press", href: "#" },
-      ],
-    },
-    {
-      title: "Membership",
-      items: [
-        { label: "Plans & Pricing", href: "/" },
-        { label: "Classes", href: "/classes" },
-        { label: "Trainers", href: "/" },
-        { label: "Facilities", href: "#" },
-      ],
-    },
-    {
-      title: "Support",
-      items: [
-        { label: "Contact Us", href: "#" },
-        { label: "FAQs", href: "#" },
-        { label: "Membership FAQs", href: "#" },
-        { label: "Feedback", href: "#" },
-      ],
-    },
-    {
-      title: "Legal",
-      items: [
-        { label: "Privacy Policy", href: "#" },
-        { label: "Terms of Service", href: "#" },
-        { label: "Cookie Policy", href: "#" },
-        { label: "Accessibility", href: "#" },
-      ],
-    },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -83,102 +26,72 @@ export default function ClassesPage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="FitForce Gym"
-          navItems={navItems}
+          navItems={[
+            { name: "Home", id: "home" },
+            { name: "Classes", id: "classes" },
+            { name: "Trainers", id: "trainers" },
+            { name: "Membership", id: "membership" },
+            { name: "Contact", id: "contact" },
+          ]}
           button={{
-            text: "Join Now",
+            text: "Join Now",            href: "/membership"}}
-            href: "/membership",
-          }}
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
         <HeroOverlay
-          title="Discover Our Premium Fitness Classes"
+          title="Book Your Fitness Classes"
-          description="From high-intensity cardio to relaxing yoga sessions, we offer a diverse range of classes led by certified instructors designed to challenge and inspire you."
+          description="Discover our wide range of high-energy group classes designed to challenge, motivate, and transform. From HIIT to Yoga, find the perfect class for your fitness level."
-          tag="Class Schedule"
+          tag="Class Booking System"
-          tagIcon={Sparkles}
+          tagIcon={Calendar}
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "View Schedule",
+              text: "View All Classes",              href: "#classes"},
-              href: "#",
-            },
             {
-              text: "Join a Class",
+              text: "Become a Member",              href: "/membership"},
-              href: "/membership",
-            },
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/happy-female-athlete-cycling-exercise-bike-cross-training-health-club_637285-2529.jpg?_wi=2"
+          imageSrc="http://img.b2bpic.net/free-photo/group-athletic-people-doing-exercises_23-2149825191.jpg"
-          imageAlt="Fitness class in session"
+          imageAlt="Group fitness class in action"
           showDimOverlay={true}
           showBlur={true}
-          ariaLabel="Classes hero section"
+          ariaLabel="Hero section for class booking"
         />
       </div>
 
-      <div id="classes-offerings" data-section="classes-offerings">
+      <div id="classes" data-section="classes" className="mx-auto px-4 md:px-6">
         <FeatureCardTwentySeven
-          title="Our Diverse Class Offerings"
+          title="Our Class Schedule"
-          description="Experience a variety of fitness classes tailored to all experience levels and goals"
+          description="Choose from our diverse selection of fitness classes available throughout the week"
-          tag="Available Classes"
+          tag="Weekly Classes"
-          tagIcon={Target}
+          tagIcon={Zap}
           tagAnimation="slide-up"
           features={[
             {
-              id: "hiit",
+              id: "hiit",              title: "HIIT Bootcamp",              descriptions: [
-              title: "HIIT Training",
+                "High-Intensity Interval Training",                "Monday & Wednesday: 6:00 PM",                "Saturday: 9:00 AM",                "Duration: 45 minutes | All Levels"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=1"},
-                "High-intensity interval training sessions",
-                "Burn maximum calories in minimum time",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-dumbbells-bar_23-2148801858.jpg?_wi=2",
-            },
             {
-              id: "yoga",
+              id: "spin",              title: "Spin & Cardio",              descriptions: [
-              title: "Vinyasa & Power Yoga",
+                "Indoor Cycling with Music & Energy",                "Tuesday & Thursday: 5:30 PM",                "Sunday: 10:00 AM",                "Duration: 50 minutes | Beginner to Advanced"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-female-athlete-cycling-exercise-bike-cross-training-health-club_637285-2529.jpg?_wi=1"},
-                "Flow-based and strength-building yoga practices",
-                "Improve flexibility and mental clarity",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/female-yoga-teacher-teaching-class_23-2148925784.jpg?_wi=2",
-            },
             {
-              id: "spinning",
+              id: "yoga",              title: "Yoga Flow",              descriptions: [
-              title: "Indoor Cycling",
+                "Flexibility & Mindfulness",                "Monday, Wednesday & Friday: 7:00 AM",                "Saturday: 5:00 PM",                "Duration: 60 minutes | All Levels"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/female-yoga-teacher-teaching-class_23-2148925784.jpg?_wi=1"},
-                "Energetic group cycling sessions with rhythm",
-                "Low-impact cardio with high motivation",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-female-athlete-cycling-exercise-bike-cross-training-health-club_637285-2529.jpg?_wi=3",
-            },
             {
-              id: "pilates",
+              id: "strength",              title: "Strength & Conditioning",              descriptions: [
-              title: "Pilates & Core",
+                "Build Muscle & Endurance",                "Tuesday & Thursday: 6:30 PM",                "Saturday: 11:00 AM",                "Duration: 55 minutes | Intermediate to Advanced"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-dumbbells-bar_23-2148801858.jpg?_wi=1"},
-                "Controlled movements for core strength",
-                "Build lean muscle and improve posture",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=2",
-            },
             {
-              id: "crossfit",
+              id: "zumba",              title: "Zumba Dance Fitness",              descriptions: [
-              title: "Functional Fitness",
+                "Fun Cardio Through Dance",                "Wednesday & Friday: 6:00 PM",                "Sunday: 4:00 PM",                "Duration: 45 minutes | All Levels"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=1"},
-                "Compound movements for full-body strength",
-                "Community-driven group challenges",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=2",
-            },
             {
-              id: "zumba",
+              id: "pilates",              title: "Pilates Core",              descriptions: [
-              title: "Dance Cardio",
+                "Core Strength & Stability",                "Monday & Friday: 5:30 PM",                "Saturday: 8:00 AM",                "Duration: 50 minutes | All Levels"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/concept-yoga-fitness-pregnancy_146671-15801.jpg?_wi=1"},
-                "Fun and energetic dance fitness sessions",
-                "Improve coordination while burning calories",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/concept-yoga-fitness-pregnancy_146671-15801.jpg?_wi=2",
-            },
           ]}
           gridVariant="bento-grid"
           animationType="slide-up"
@@ -186,74 +99,69 @@ export default function ClassesPage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Check Schedule",
+              text: "Book a Class Now",              href: "#booking"},
-              href: "#",
-            },
           ]}
           buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="class-faq" data-section="class-faq">
+      <div id="booking" data-section="booking" className="mx-auto px-4 md:px-6">
-        <FaqDouble
+        <ContactForm
-          title="Class Questions Answered"
+          title="Book Your Class"
-          description="Everything you need to know about our fitness classes and how to get started"
+          description="Reserve your spot in any of our classes. Fill out the form below to get started."
-          tag="Class Info"
+          tag="Easy Booking"
-          tagIcon={HelpCircle}
+          tagIcon={Calendar}
-          tagAnimation="slide-up"
+          inputPlaceholder="Enter your email"
-          faqs={[
+          buttonText="Reserve Class"
-            {
+          termsText="By booking a class, you agree to our terms and cancellation policy. Classes are subject to availability."
-              id: "faq-1",
+          onSubmit={(email) => {
-              title: "What skill levels are your classes designed for?",
+            console.log("Class booking request from:", email);
-              content: "Our classes are designed to accommodate all fitness levels. Each class has modifications for beginners and advanced variations for experienced participants. Instructors provide personalized guidance to ensure you get the most from your workout.",
+          }}
-            },
-            {
-              id: "faq-2",
-              title: "Do I need to register for classes in advance?",
-              content: "For most classes, registration is recommended but not required. You can drop in to any class that has available space. Premium members get priority booking and reserved spots.",
-            },
-            {
-              id: "faq-3",
-              title: "How often are new classes added to the schedule?",
-              content: "We update our class schedule seasonally with new offerings based on member feedback. Currently, we offer over 120 classes per week across different times and styles.",
-            },
-            {
-              id: "faq-4",
-              title: "What should I bring to class?",
-              content: "Bring a water bottle, towel, and your gym membership card. Most equipment like mats, dumbbells, and props are provided. We recommend wearing comfortable, moisture-wicking clothing.",
-            },
-            {
-              id: "faq-5",
-              title: "Are there beginner-friendly classes?",
-              content: "Yes! We have dedicated beginner classes in yoga, pilates, and general fitness. These classes focus on proper form, technique, and building confidence in your fitness journey.",
-            },
-            {
-              id: "faq-6",
-              title: "Can I take classes if I have an injury?",
-              content: "Absolutely. Let your instructor know about any injuries, and they'll provide modifications. We also have specialized recovery and rehabilitation classes designed for injury prevention and recovery.",
-            },
-          ]}
-          faqsAnimation="slide-up"
-          textboxLayout="default"
           useInvertedBackground={false}
-          animationType="smooth"
+          centered={true}
-          buttons={[
-            {
-              text: "Contact Instructors",
-              href: "#",
-            },
-          ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBaseReveal
-          columns={footerColumns}
+          columns={[
-          copyrightText="© 2024 FitForce Gym. All rights reserved. Transform your body, transform your life."
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#" },
+                { label: "Careers", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Press", href: "#" },
+              ],
+            },
+            {
+              title: "Membership",              items: [
+                { label: "Plans & Pricing", href: "/membership" },
+                { label: "Classes", href: "/classes" },
+                { label: "Trainers", href: "/trainers" },
+                { label: "Facilities", href: "/" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "Contact Us", href: "/contact" },
+                { label: "FAQs", href: "#" },
+                { label: "Class FAQs", href: "#" },
+                { label: "Feedback", href: "#" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookie Policy", href: "#" },
+                { label: "Accessibility", href: "#" },
+              ],
+            },
+          ]}
+          copyrightText="© 2024 FitForce Gym. All rights reserved."
           ariaLabel="Footer section"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/membership/page.tsx

@@ -3,10 +3,11 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
+import ContactForm from "@/components/form/ContactForm";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Star, Sparkles, Award, HelpCircle } from "lucide-react";
+import { CreditCard, Star, Sparkles, Award } from "lucide-react";
 
 export default function MembershipPage() {
   return (
@@ -33,126 +34,81 @@ export default function MembershipPage() {
             { name: "Contact", id: "contact" },
           ]}
           button={{
-            text: "Join Now",
+            text: "Join Now",            href: "/membership"}}
-            href: "/membership",
-          }}
         />
       </div>
 
-      <div id="pricing" data-section="pricing" className="mx-auto px-4 md:px-6">
+      <div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
-        <PricingCardOne
+        <HeroOverlay
           title="Flexible Membership Plans"
-          description="Choose the perfect plan to fit your fitness goals and lifestyle"
+          description="Choose the perfect plan to fit your fitness goals and lifestyle. Start your transformation journey with FitForce Gym today."
           tag="Transparent Pricing"
-          tagIcon={Star}
+          tagIcon={CreditCard}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "View Plans",              href: "#plans"},
+            {
+              text: "Sign Up Now",              href: "#signup"},
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-helping-men-gym_23-2149744680.jpg"
+          imageAlt="Gym membership"
+          showDimOverlay={true}
+          showBlur={true}
+          ariaLabel="Hero section for membership"
+        />
+      </div>
+
+      <div id="plans" data-section="plans" className="mx-auto px-4 md:px-6">
+        <PricingCardOne
+          title="Our Membership Plans"
+          description="Find the plan that works best for you. All memberships include access to our state-of-the-art facilities and supportive community."
+          tag="Pricing Options"
+          tagIcon={CreditCard}
           tagAnimation="slide-up"
           plans={[
             {
-              id: "monthly",
+              id: "monthly",              badge: "Popular",              badgeIcon: Star,
-              badge: "Most Popular",
+              price: "$49",              subtitle: "Perfect for beginners",              features: [
-              badgeIcon: Star,
+                "Access to all facilities",                "Group classes included",                "Online community access",                "Basic fitness assessment",                "Equipment usage guide"],
-              price: "$49",
-              subtitle: "Perfect for beginners",
-              features: [
-                "Access to all facilities",
-                "Group classes included",
-                "Online community access",
-                "Basic fitness assessment",
-              ],
             },
             {
-              id: "quarterly",
+              id: "quarterly",              badge: "Best Value",              badgeIcon: Sparkles,
-              badge: "Best Value",
+              price: "$129",              subtitle: "3-month commitment",              features: [
-              badgeIcon: Sparkles,
+                "All Monthly features",                "2 personal training sessions",                "Nutrition consultation",                "Priority class booking",                "Guest privileges",                "Performance tracking"],
-              price: "$129",
-              subtitle: "3-month commitment",
-              features: [
-                "All Monthly features",
-                "2 personal training sessions",
-                "Nutrition consultation",
-                "Priority class booking",
-                "Guest privileges",
-              ],
             },
             {
-              id: "annual",
+              id: "annual",              badge: "Ultimate Commitment",              badgeIcon: Award,
-              badge: "Ultimate Commitment",
+              price: "$499",              subtitle: "Full year access",              features: [
-              badgeIcon: Award,
+                "All Quarterly features",                "Unlimited personal training",                "Monthly body composition analysis",                "Premium lounge access",                "Free guest passes (4/month)",                "Exclusive member events"],
-              price: "$499",
-              subtitle: "Full year access",
-              features: [
-                "All Quarterly features",
-                "Unlimited personal training",
-                "Monthly body composition analysis",
-                "Premium lounge access",
-                "Free guest passes (4/month)",
-                "Exclusive member events",
-              ],
             },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
             {
-              text: "View All Plans",
+              text: "Sign Up Today",              href: "#signup"},
-              href: "#",
-            },
           ]}
           buttonAnimation="slide-up"
           animationType="slide-up"
         />
       </div>
 
-      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
+      <div id="signup" data-section="signup" className="mx-auto px-4 md:px-6">
-        <FaqDouble
+        <ContactForm
-          title="Frequently Asked Questions"
+          title="Start Your Transformation"
-          description="Everything you need to know about FitForce Gym membership and services"
+          description="Join FitForce Gym today and get started on your fitness journey. Our team will contact you to help you choose the best membership plan."
-          tag="Common Questions"
+          tag="Get Started Now"
-          tagIcon={HelpCircle}
+          tagIcon={Star}
-          tagAnimation="slide-up"
+          inputPlaceholder="Enter your email"
-          faqs={[
+          buttonText="Sign Up"
-            {
+          termsText="By signing up, you agree to our terms and conditions. You can cancel your membership anytime with proper notice."
-              id: "faq-1",
+          onSubmit={(email) => {
-              title: "What are your operating hours?",
+            console.log("Membership signup from:", email);
-              content: "FitForce Gym is open Monday-Friday from 5am to 11pm, Saturday from 7am to 10pm, and Sunday from 8am to 8pm. Members have 24/7 access with their key card.",
+          }}
-            },
-            {
-              id: "faq-2",
-              title: "Do I need to commit to a long-term contract?",
-              content: "No. We offer flexible month-to-month memberships. Our quarterly and annual plans provide better value, but there's no penalty for switching or canceling anytime.",
-            },
-            {
-              id: "faq-3",
-              title: "Can I bring a guest to the gym?",
-              content: "Yes! All members can bring up to 2 guests per month. Premium and annual members get complimentary guest passes and can bring guests more frequently.",
-            },
-            {
-              id: "faq-4",
-              title: "Are personal training sessions included?",
-              content: "Monthly membership includes group classes. Quarterly plans include 2 personal sessions, and annual plans include unlimited personal training sessions.",
-            },
-            {
-              id: "faq-5",
-              title: "What if I'm a beginner?",
-              content: "Perfect! We have certified trainers who specialize in working with beginners. We offer free fitness assessments and customized workout plans to get you started safely.",
-            },
-            {
-              id: "faq-6",
-              title: "Do you offer childcare?",
-              content: "Yes, we have a supervised childcare facility available during peak hours. It's complimentary for members and provides a safe space for children while you work out.",
-            },
-          ]}
-          faqsAnimation="slide-up"
-          textboxLayout="default"
           useInvertedBackground={false}
-          animationType="smooth"
+          centered={true}
-          buttons={[
-            {
-              text: "Contact Support",
-              href: "/contact",
-            },
-          ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
@@ -160,8 +116,7 @@ export default function MembershipPage() {
         <FooterBaseReveal
           columns={[
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About Us", href: "#" },
                 { label: "Careers", href: "#" },
                 { label: "Blog", href: "#" },
@@ -169,17 +124,15 @@ export default function MembershipPage() {
               ],
             },
             {
-              title: "Membership",
+              title: "Membership",              items: [
-              items: [
                 { label: "Plans & Pricing", href: "/membership" },
                 { label: "Classes", href: "/classes" },
                 { label: "Trainers", href: "/trainers" },
-                { label: "Facilities", href: "#" },
+                { label: "Facilities", href: "/" },
               ],
             },
             {
-              title: "Support",
+              title: "Support",              items: [
-              items: [
                 { label: "Contact Us", href: "/contact" },
                 { label: "FAQs", href: "#" },
                 { label: "Membership FAQs", href: "#" },
@@ -187,8 +140,7 @@ export default function MembershipPage() {
               ],
             },
             {
-              title: "Legal",
+              title: "Legal",              items: [
-              items: [
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms of Service", href: "#" },
                 { label: "Cookie Policy", href: "#" },
@@ -196,10 +148,10 @@ export default function MembershipPage() {
               ],
             },
           ]}
-          copyrightText="© 2024 FitForce Gym. All rights reserved. Transform your body, transform your life."
+          copyrightText="© 2024 FitForce Gym. All rights reserved."
           ariaLabel="Footer section"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -38,9 +38,7 @@ export default function HomePage() {
             { name: "Contact", id: "contact" },
           ]}
           button={{
-            text: "Join Now",
+            text: "Join Now",            href: "/membership"}}
-            href: "/membership",
-          }}
         />
       </div>
 
@@ -53,13 +51,9 @@ export default function HomePage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Start Your Journey",
+              text: "Start Your Journey",              href: "/membership"},
-              href: "/membership",
-            },
             {
-              text: "Explore Classes",
+              text: "Explore Classes",              href: "/classes"},
-              href: "/classes",
-            },
           ]}
           buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-helping-men-gym_23-2149744680.jpg"
@@ -76,24 +70,16 @@ export default function HomePage() {
           metrics={[
             {
               icon: Users,
-              label: "Active Members",
+              label: "Active Members",              value: "2,500+"},
-              value: "2,500+",
-            },
             {
               icon: Award,
-              label: "Expert Trainers",
+              label: "Expert Trainers",              value: "35+"},
-              value: "35+",
-            },
             {
               icon: Dumbbell,
-              label: "Classes Weekly",
+              label: "Classes Weekly",              value: "120+"},
-              value: "120+",
-            },
             {
               icon: Target,
-              label: "Success Rate",
+              label: "Success Rate",              value: "94%"},
-              value: "94%",
-            },
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -110,59 +96,29 @@ export default function HomePage() {
           tagAnimation="slide-up"
           features={[
             {
-              id: "cardio",
+              id: "cardio",              title: "Advanced Cardio Equipment",              descriptions: [
-              title: "Advanced Cardio Equipment",
+                "Latest treadmills, ellipticals, and rowing machines",                "Heart rate monitoring and personalized coaching"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-female-athlete-cycling-exercise-bike-cross-training-health-club_637285-2529.jpg?_wi=1"},
-                "Latest treadmills, ellipticals, and rowing machines",
-                "Heart rate monitoring and personalized coaching",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-female-athlete-cycling-exercise-bike-cross-training-health-club_637285-2529.jpg?_wi=1",
-            },
             {
-              id: "strength",
+              id: "strength",              title: "Comprehensive Strength Training",              descriptions: [
-              title: "Comprehensive Strength Training",
+                "Full range of free weights and machines",                "Olympic lifting platforms and specialized equipment"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-dumbbells-bar_23-2148801858.jpg?_wi=1"},
-                "Full range of free weights and machines",
-                "Olympic lifting platforms and specialized equipment",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-dumbbells-bar_23-2148801858.jpg?_wi=1",
-            },
             {
-              id: "yoga",
+              id: "yoga",              title: "Yoga & Flexibility Classes",              descriptions: [
-              title: "Yoga & Flexibility Classes",
+                "Multiple daily sessions for all levels",                "Certified instructors and peaceful studio space"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/female-yoga-teacher-teaching-class_23-2148925784.jpg?_wi=1"},
-                "Multiple daily sessions for all levels",
-                "Certified instructors and peaceful studio space",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/female-yoga-teacher-teaching-class_23-2148925784.jpg?_wi=1",
-            },
             {
-              id: "nutrition",
+              id: "nutrition",              title: "Nutrition Guidance",              descriptions: [
-              title: "Nutrition Guidance",
+                "Personalized meal planning consultations",                "Supplement recommendations from experts"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/training-concept-with-slate_23-2147692056.jpg"},
-                "Personalized meal planning consultations",
-                "Supplement recommendations from experts",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/training-concept-with-slate_23-2147692056.jpg",
-            },
             {
-              id: "recovery",
+              id: "recovery",              title: "Recovery & Spa Services",              descriptions: [
-              title: "Recovery & Spa Services",
+                "Sauna, steam room, and massage therapy",                "Cutting-edge ice bath and cryotherapy"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-white-bathrobe-sitting-wooden-bench-relaxing-sauna_23-2147867874.jpg"},
-                "Sauna, steam room, and massage therapy",
-                "Cutting-edge ice bath and cryotherapy",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-white-bathrobe-sitting-wooden-bench-relaxing-sauna_23-2147867874.jpg",
-            },
             {
-              id: "lounge",
+              id: "lounge",              title: "Premium Lounge Area",              descriptions: [
-              title: "Premium Lounge Area",
+                "Comfortable relaxation and socializing space",                "Healthy smoothie bar and café amenities"],
-              descriptions: [
+              imageSrc: "http://img.b2bpic.net/free-photo/concept-yoga-fitness-pregnancy_146671-15801.jpg?_wi=1"},
-                "Comfortable relaxation and socializing space",
-                "Healthy smoothie bar and café amenities",
-              ],
-              imageSrc: "http://img.b2bpic.net/free-photo/concept-yoga-fitness-pregnancy_146671-15801.jpg?_wi=1",
-            },
           ]}
           gridVariant="bento-grid"
           animationType="slide-up"
@@ -170,9 +126,7 @@ export default function HomePage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Explore All Facilities",
+              text: "Explore All Facilities",              href: "#"},
-              href: "#",
-            },
           ]}
           buttonAnimation="slide-up"
         />
@@ -187,55 +141,26 @@ export default function HomePage() {
           tagAnimation="slide-up"
           plans={[
             {
-              id: "monthly",
+              id: "monthly",              badge: "Most Popular",              badgeIcon: Star,
-              badge: "Most Popular",
+              price: "$49",              subtitle: "Perfect for beginners",              features: [
-              badgeIcon: Star,
+                "Access to all facilities",                "Group classes included",                "Online community access",                "Basic fitness assessment"],
-              price: "$49",
-              subtitle: "Perfect for beginners",
-              features: [
-                "Access to all facilities",
-                "Group classes included",
-                "Online community access",
-                "Basic fitness assessment",
-              ],
             },
             {
-              id: "quarterly",
+              id: "quarterly",              badge: "Best Value",              badgeIcon: Sparkles,
-              badge: "Best Value",
+              price: "$129",              subtitle: "3-month commitment",              features: [
-              badgeIcon: Sparkles,
+                "All Monthly features",                "2 personal training sessions",                "Nutrition consultation",                "Priority class booking",                "Guest privileges"],
-              price: "$129",
-              subtitle: "3-month commitment",
-              features: [
-                "All Monthly features",
-                "2 personal training sessions",
-                "Nutrition consultation",
-                "Priority class booking",
-                "Guest privileges",
-              ],
             },
             {
-              id: "annual",
+              id: "annual",              badge: "Ultimate Commitment",              badgeIcon: Award,
-              badge: "Ultimate Commitment",
+              price: "$499",              subtitle: "Full year access",              features: [
-              badgeIcon: Award,
+                "All Quarterly features",                "Unlimited personal training",                "Monthly body composition analysis",                "Premium lounge access",                "Free guest passes (4/month)",                "Exclusive member events"],
-              price: "$499",
-              subtitle: "Full year access",
-              features: [
-                "All Quarterly features",
-                "Unlimited personal training",
-                "Monthly body composition analysis",
-                "Premium lounge access",
-                "Free guest passes (4/month)",
-                "Exclusive member events",
-              ],
             },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
             {
-              text: "View All Plans",
+              text: "View All Plans",              href: "/membership"},
-              href: "/membership",
-            },
           ]}
           buttonAnimation="slide-up"
           animationType="slide-up"
@@ -249,25 +174,13 @@ export default function HomePage() {
           tagAnimation="slide-up"
           metrics={[
             {
-              id: "transformations",
+              id: "transformations",              value: "1,200+",              description: "Body transformations completed"},
-              value: "1,200+",
-              description: "Body transformations completed",
-            },
             {
-              id: "weight-loss",
+              id: "weight-loss",              value: "45K+",              description: "Total pounds lost by members"},
-              value: "45K+",
-              description: "Total pounds lost by members",
-            },
             {
-              id: "strength",
+              id: "strength",              value: "150%",              description: "Average strength improvement"},
-              value: "150%",
-              description: "Average strength improvement",
-            },
             {
-              id: "satisfaction",
+              id: "satisfaction",              value: "98%",              description: "Member satisfaction rate"},
-              value: "98%",
-              description: "Member satisfaction rate",
-            },
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -283,41 +196,17 @@ export default function HomePage() {
           tagAnimation="slide-up"
           members={[
             {
-              id: "trainer-1",
+              id: "trainer-1",              name: "James Mitchell",              role: "Head Strength Coach",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-fit-man-working-out-indoors-with-dumbbells_23-2149175409.jpg?_wi=1"},
-              name: "James Mitchell",
-              role: "Head Strength Coach",
-              imageSrc: "http://img.b2bpic.net/free-photo/attractive-fit-man-working-out-indoors-with-dumbbells_23-2149175409.jpg?_wi=1",
-            },
             {
-              id: "trainer-2",
+              id: "trainer-2",              name: "Sarah Johnson",              role: "Fitness Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartphone-looking-camera_23-2147789608.jpg?_wi=1"},
-              name: "Sarah Johnson",
-              role: "Fitness Specialist",
-              imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartphone-looking-camera_23-2147789608.jpg?_wi=1",
-            },
             {
-              id: "trainer-3",
+              id: "trainer-3",              name: "Marcus Rodriguez",              role: "Cardio & HIIT Coach",              imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=1"},
-              name: "Marcus Rodriguez",
-              role: "Cardio & HIIT Coach",
-              imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=1",
-            },
             {
-              id: "trainer-4",
+              id: "trainer-4",              name: "Emma Wilson",              role: "Yoga & Flexibility",              imageSrc: "http://img.b2bpic.net/free-photo/young-female-white-tank-top-holding-hand-chin-looking-positive-front-view_176474-46132.jpg?_wi=1"},
-              name: "Emma Wilson",
-              role: "Yoga & Flexibility",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-female-white-tank-top-holding-hand-chin-looking-positive-front-view_176474-46132.jpg?_wi=1",
-            },
             {
-              id: "trainer-5",
+              id: "trainer-5",              name: "David Chen",              role: "Nutrition Coach",              imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg?_wi=1"},
-              name: "David Chen",
-              role: "Nutrition Coach",
-              imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg?_wi=1",
-            },
             {
-              id: "trainer-6",
+              id: "trainer-6",              name: "Lisa Anderson",              role: "Recovery Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=1"},
-              name: "Lisa Anderson",
-              role: "Recovery Specialist",
-              imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=1",
-            },
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -325,9 +214,7 @@ export default function HomePage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Book a Session",
+              text: "Book a Session",              href: "/trainers"},
-              href: "/trainers",
-            },
           ]}
           buttonAnimation="slide-up"
         />
@@ -342,67 +229,23 @@ export default function HomePage() {
           tagAnimation="slide-up"
           testimonials={[
             {
-              id: "testimonial-1",
+              id: "testimonial-1",              name: "Michael Torres",              date: "January 2024",              title: "Lost 50 Pounds",              quote: "FitForce changed my life. The trainers are incredibly supportive and the facilities are top-notch. I've never felt more confident.",              tag: "Weight Loss",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-looking-front-showing-thumbs-up-isolated-orange-wall_141793-72981.jpg"},
-              name: "Michael Torres",
-              date: "January 2024",
-              title: "Lost 50 Pounds",
-              quote: "FitForce changed my life. The trainers are incredibly supportive and the facilities are top-notch. I've never felt more confident.",
-              tag: "Weight Loss",
-              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-looking-front-showing-thumbs-up-isolated-orange-wall_141793-72981.jpg",
-            },
             {
-              id: "testimonial-2",
+              id: "testimonial-2",              name: "Jennifer Lee",              date: "December 2023",              title: "Built My Dream Body",              quote: "Working with the strength coaches here has been transformative. The personalized attention made all the difference in my fitness journey.",              tag: "Strength Training",              avatarSrc: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg"},
-              name: "Jennifer Lee",
-              date: "December 2023",
-              title: "Built My Dream Body",
-              quote: "Working with the strength coaches here has been transformative. The personalized attention made all the difference in my fitness journey.",
-              tag: "Strength Training",
-              avatarSrc: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg",
-            },
             {
-              id: "testimonial-3",
+              id: "testimonial-3",              name: "Robert Williams",              date: "November 2023",              title: "Found My Fitness Family",              quote: "The community here is amazing. Everyone is supportive and welcoming. I look forward to coming to the gym every single day.",              tag: "Community",              avatarSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-33508.jpg"},
-              name: "Robert Williams",
-              date: "November 2023",
-              title: "Found My Fitness Family",
-              quote: "The community here is amazing. Everyone is supportive and welcoming. I look forward to coming to the gym every single day.",
-              tag: "Community",
-              avatarSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-33508.jpg",
-            },
             {
-              id: "testimonial-4",
+              id: "testimonial-4",              name: "Amanda Foster",              date: "October 2023",              title: "Recovered from Injury",              quote: "The recovery services and personalized rehabilitation helped me get back to training stronger than before. Highly recommend!",              tag: "Recovery",              avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg"},
-              name: "Amanda Foster",
-              date: "October 2023",
-              title: "Recovered from Injury",
-              quote: "The recovery services and personalized rehabilitation helped me get back to training stronger than before. Highly recommend!",
-              tag: "Recovery",
-              avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
-            },
             {
-              id: "testimonial-5",
+              id: "testimonial-5",              name: "David Patterson",              date: "September 2023",              title: "Best Investment Ever",              quote: "The value for money is incredible. Between the facilities, trainers, and classes, this gym provides everything you need.",              tag: "Facilities",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg"},
-              name: "David Patterson",
-              date: "September 2023",
-              title: "Best Investment Ever",
-              quote: "The value for money is incredible. Between the facilities, trainers, and classes, this gym provides everything you need.",
-              tag: "Facilities",
-              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg",
-            },
             {
-              id: "testimonial-6",
+              id: "testimonial-6",              name: "Nicole Brooks",              date: "August 2023",              title: "Life Changing Experience",              quote: "Joined six months ago and it's the best decision I've made. The professional staff and supportive environment created the perfect space for my transformation.",              tag: "Transformation",              avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27288.jpg"},
-              name: "Nicole Brooks",
-              date: "August 2023",
-              title: "Life Changing Experience",
-              quote: "Joined six months ago and it's the best decision I've made. The professional staff and supportive environment created the perfect space for my transformation.",
-              tag: "Transformation",
-              avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27288.jpg",
-            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Start Your Transformation",
+              text: "Start Your Transformation",              href: "/membership"},
-              href: "/membership",
-            },
           ]}
           buttonAnimation="slide-up"
         />
@@ -412,8 +255,7 @@ export default function HomePage() {
         <FooterBaseReveal
           columns={[
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About Us", href: "#" },
                 { label: "Careers", href: "#" },
                 { label: "Blog", href: "#" },
@@ -421,17 +263,15 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Membership",
+              title: "Membership",              items: [
-              items: [
                 { label: "Plans & Pricing", href: "/membership" },
                 { label: "Classes", href: "/classes" },
                 { label: "Trainers", href: "/trainers" },
-                { label: "Facilities", href: "#" },
+                { label: "Facilities", href: "/" },
               ],
             },
             {
-              title: "Support",
+              title: "Support",              items: [
-              items: [
                 { label: "Contact Us", href: "/contact" },
                 { label: "FAQs", href: "#" },
                 { label: "Membership FAQs", href: "#" },
@@ -439,8 +279,7 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Legal",
+              title: "Legal",              items: [
-              items: [
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms of Service", href: "#" },
                 { label: "Cookie Policy", href: "#" },
@@ -454,4 +293,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/trainers/page.tsx

@@ -3,10 +3,11 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import TeamCardOne from "@/components/sections/team/TeamCardOne";
-import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
+import ContactForm from "@/components/form/ContactForm";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Users, Award } from "lucide-react";
+import { Users, Award, Sparkles, MessageSquare } from "lucide-react";
 
 export default function TrainersPage() {
   return (
@@ -33,56 +34,52 @@ export default function TrainersPage() {
             { name: "Contact", id: "contact" },
           ]}
           button={{
-            text: "Join Now",
+            text: "Join Now",            href: "/membership"}}
-            href: "/membership",
-          }}
         />
       </div>
 
-      <div id="team" data-section="team" className="mx-auto px-4 md:px-6">
+      <div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
-        <TeamCardOne
+        <HeroOverlay
           title="Meet Our Expert Trainers"
-          description="Certified professionals dedicated to your fitness success"
+          description="Our certified fitness professionals are passionate about helping you achieve your goals. Get to know our team and find your perfect training match."
-          tag="Our Team"
+          tag="Professional Coaching"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "View Our Team",              href: "#trainers"},
+            {
+              text: "Book a Session",              href: "#contact"},
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/strong-confident-fit-man-standing-with-crossed-arms_176420-2320.jpg"
+          imageAlt="Professional fitness trainers"
+          showDimOverlay={true}
+          showBlur={true}
+          ariaLabel="Hero section for trainers"
+        />
+      </div>
+
+      <div id="trainers" data-section="trainers" className="mx-auto px-4 md:px-6">
+        <TeamCardOne
+          title="Our Certified Trainers"
+          description="Each trainer brings years of experience, specialized certifications, and a genuine passion for transforming lives through fitness."
+          tag="Expert Team"
           tagIcon={Users}
           tagAnimation="slide-up"
           members={[
             {
-              id: "trainer-1",
+              id: "trainer-1",              name: "James Mitchell",              role: "Head Strength Coach",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-fit-man-working-out-indoors-with-dumbbells_23-2149175409.jpg?_wi=1"},
-              name: "James Mitchell",
-              role: "Head Strength Coach",
-              imageSrc: "http://img.b2bpic.net/free-photo/attractive-fit-man-working-out-indoors-with-dumbbells_23-2149175409.jpg?_wi=2",
-            },
             {
-              id: "trainer-2",
+              id: "trainer-2",              name: "Sarah Johnson",              role: "Fitness Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartphone-looking-camera_23-2147789608.jpg?_wi=1"},
-              name: "Sarah Johnson",
-              role: "Fitness Specialist",
-              imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartphone-looking-camera_23-2147789608.jpg?_wi=2",
-            },
             {
-              id: "trainer-3",
+              id: "trainer-3",              name: "Marcus Rodriguez",              role: "Cardio & HIIT Coach",              imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=1"},
-              name: "Marcus Rodriguez",
-              role: "Cardio & HIIT Coach",
-              imageSrc: "http://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-58094.jpg?_wi=3",
-            },
             {
-              id: "trainer-4",
+              id: "trainer-4",              name: "Emma Wilson",              role: "Yoga & Flexibility",              imageSrc: "http://img.b2bpic.net/free-photo/young-female-white-tank-top-holding-hand-chin-looking-positive-front-view_176474-46132.jpg?_wi=1"},
-              name: "Emma Wilson",
-              role: "Yoga & Flexibility",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-female-white-tank-top-holding-hand-chin-looking-positive-front-view_176474-46132.jpg?_wi=2",
-            },
             {
-              id: "trainer-5",
+              id: "trainer-5",              name: "David Chen",              role: "Nutrition Coach",              imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg?_wi=1"},
-              name: "David Chen",
-              role: "Nutrition Coach",
-              imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg?_wi=2",
-            },
             {
-              id: "trainer-6",
+              id: "trainer-6",              name: "Lisa Anderson",              role: "Recovery Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=1"},
-              name: "Lisa Anderson",
-              role: "Recovery Specialist",
-              imageSrc: "http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858080.jpg?_wi=3",
-            },
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -90,44 +87,26 @@ export default function TrainersPage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Book a Session",
+              text: "Book a Session",              href: "#contact"},
-              href: "#",
-            },
           ]}
           buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
+      <div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
-        <MetricCardFourteen
+        <ContactForm
-          title="Member Success Stories"
+          title="Schedule Your First Session"
-          tag="Proven Results"
+          description="Book a consultation with one of our trainers. Tell us about your fitness goals and we'll match you with the perfect coach."
-          tagAnimation="slide-up"
+          tag="Get Started"
-          metrics={[
+          tagIcon={MessageSquare}
-            {
+          inputPlaceholder="Enter your email"
-              id: "transformations",
+          buttonText="Request a Session"
-              value: "1,200+",
+          termsText="A trainer will contact you within 24 hours to confirm your session and discuss your fitness goals."
-              description: "Body transformations completed",
+          onSubmit={(email) => {
-            },
+            console.log("Training session request from:", email);
-            {
+          }}
-              id: "weight-loss",
-              value: "45K+",
-              description: "Total pounds lost by members",
-            },
-            {
-              id: "strength",
-              value: "150%",
-              description: "Average strength improvement",
-            },
-            {
-              id: "satisfaction",
-              value: "98%",
-              description: "Member satisfaction rate",
-            },
-          ]}
-          metricsAnimation="slide-up"
           useInvertedBackground={false}
-          ariaLabel="Metrics section"
+          centered={true}
         />
       </div>
 
@@ -135,8 +114,7 @@ export default function TrainersPage() {
         <FooterBaseReveal
           columns={[
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About Us", href: "#" },
                 { label: "Careers", href: "#" },
                 { label: "Blog", href: "#" },
@@ -144,26 +122,23 @@ export default function TrainersPage() {
               ],
             },
             {
-              title: "Membership",
+              title: "Membership",              items: [
-              items: [
                 { label: "Plans & Pricing", href: "/membership" },
                 { label: "Classes", href: "/classes" },
                 { label: "Trainers", href: "/trainers" },
-                { label: "Facilities", href: "#" },
+                { label: "Facilities", href: "/" },
               ],
             },
             {
-              title: "Support",
+              title: "Support",              items: [
-              items: [
                 { label: "Contact Us", href: "/contact" },
                 { label: "FAQs", href: "#" },
-                { label: "Membership FAQs", href: "#" },
+                { label: "Trainer FAQs", href: "#" },
                 { label: "Feedback", href: "#" },
               ],
             },
             {
-              title: "Legal",
+              title: "Legal",              items: [
-              items: [
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms of Service", href: "#" },
                 { label: "Cookie Policy", href: "#" },
@@ -171,10 +146,10 @@ export default function TrainersPage() {
               ],
             },
           ]}
-          copyrightText="© 2024 FitForce Gym. All rights reserved. Transform your body, transform your life."
+          copyrightText="© 2024 FitForce Gym. All rights reserved."
           ariaLabel="Footer section"
         />
       </div>
     </ThemeProvider>
   );
-}
+}