From d7503fef14b896c1fce91c99ceac059c07687813 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 11 Jun 2026 13:41:21 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 371 +++++++++++------------------------------------
 1 file changed, 85 insertions(+), 286 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 80f9c2f..77323e2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -35,41 +35,23 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Products",
-          id: "#products",
-        },
+          name: "Products",          id: "#products"},
         {
-          name: "Pricing",
-          id: "#pricing",
-        },
+          name: "Pricing",          id: "#pricing"},
         {
-          name: "Team",
-          id: "#team",
-        },
+          name: "Team",          id: "#team"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s9g8ny"
       logoAlt="Bikers GYM Logo"
@@ -77,28 +59,21 @@ export default function LandingPage() {
       bottomLeftText="Ride Stronger Together"
       bottomRightText="info@bikersgym.com"
       button={{
-        text: "Join Now",
-        href: "#contact",
-      }}
+        text: "Join Now",        href: "#contact"}}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroLogoBillboard
       background={{
-        variant: "rotated-rays-animated-grid",
-      }}
+        variant: "rotated-rays-animated-grid"}}
       logoText="Bikers GYM"
       description="Ignite Your Ride. Forge Your Strength. The ultimate fitness destination for bikers, built on power, endurance, and community."
       buttons={[
         {
-          text: "Join Now",
-          href: "#contact",
-        },
+          text: "Join Now",          href: "#contact"},
         {
-          text: "Explore Programs",
-          href: "#features",
-        },
+          text: "Explore Programs",          href: "#features"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574420.jpg"
       imageAlt="Motorcyclist training in a gym"
@@ -113,17 +88,11 @@ export default function LandingPage() {
       description="More than just a gym, we're a brotherhood and sisterhood united by the roar of engines and the pursuit of peak physical condition. Our state-of-the-art facility is designed for riders, by riders, focusing on strength, agility, and endurance specific to motorcycling. Join a community that pushes limits and rides harder."
       metrics={[
         {
-          value: "10+",
-          title: "Years of Experience",
-        },
+          value: "10+",          title: "Years of Experience"},
         {
-          value: "500+",
-          title: "Active Members",
-        },
+          value: "500+",          title: "Active Members"},
         {
-          value: "15+",
-          title: "Specialized Programs",
-        },
+          value: "15+",          title: "Specialized Programs"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270234.jpg"
       imageAlt="Modern gym interior with various fitness equipment"
@@ -139,35 +108,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "endurance",
-          title: "Endurance Training",
-          tags: [
-            "Cardio",
-            "Stamina",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-training-treadmill-home-home-workout-treadmill_169016-67647.jpg",
-          imageAlt: "Cyclist on stationary bike",
-        },
+          id: "endurance",          title: "Endurance Training",          tags: [
+            "Cardio",            "Stamina"],
+          imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-training-treadmill-home-home-workout-treadmill_169016-67647.jpg",          imageAlt: "Cyclist on stationary bike"},
         {
-          id: "strength",
-          title: "Core Strength & Power",
-          tags: [
-            "Weightlifting",
-            "Explosive Power",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-training-summer-park_1157-20476.jpg",
-          imageAlt: "Man doing deadlifts with heavy weights",
-        },
+          id: "strength",          title: "Core Strength & Power",          tags: [
+            "Weightlifting",            "Explosive Power"],
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-training-summer-park_1157-20476.jpg",          imageAlt: "Man doing deadlifts with heavy weights"},
         {
-          id: "agility",
-          title: "Agility & Balance",
-          tags: [
-            "Flexibility",
-            "Control",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-sporty-man-wearing-headband-wristbands-holding-stretching-out-water-bottles-isolated-green-wall-with-copy-space_141793-101167.jpg",
-          imageAlt: "Athlete doing agility ladder training",
-        },
+          id: "agility",          title: "Agility & Balance",          tags: [
+            "Flexibility",            "Control"],
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-sporty-man-wearing-headband-wristbands-holding-stretching-out-water-bottles-isolated-green-wall-with-copy-space_141793-101167.jpg",          imageAlt: "Athlete doing agility ladder training"},
       ]}
       title="Forge Your Ride-Ready Body"
       description="Our specialized programs and equipment are tailored to enhance every aspect of a biker's performance, from core strength for control to endurance for long hauls."
@@ -178,69 +129,27 @@ export default function LandingPage() {
       <ProductCardTwo
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-items-equal"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
         {
-          id: "prod-1",
-          brand: "RideFuel",
-          name: "Performance Protein",
-          price: "$49.99",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-sportsgirl-woman-after-fitness-training-gives-you-water-bottle-stays-hydrated-after-workout_1258-184086.jpg",
-          imageAlt: "Performance protein supplement",
-        },
+          id: "prod-1",          brand: "RideFuel",          name: "Performance Protein",          price: "$49.99",          rating: 5,
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-sportsgirl-woman-after-fitness-training-gives-you-water-bottle-stays-hydrated-after-workout_1258-184086.jpg",          imageAlt: "Performance protein supplement"},
         {
-          id: "prod-2",
-          brand: "IronGrip",
-          name: "Pro Riding Gloves",
-          price: "$59.99",
-          rating: 4,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-section-unrecognizable-boxer-taking-rest-from-workout_1098-18979.jpg",
-          imageAlt: "Pro riding gloves",
-        },
+          id: "prod-2",          brand: "IronGrip",          name: "Pro Riding Gloves",          price: "$59.99",          rating: 4,
+          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/mid-section-unrecognizable-boxer-taking-rest-from-workout_1098-18979.jpg",          imageAlt: "Pro riding gloves"},
         {
-          id: "prod-3",
-          brand: "Bikers GYM",
-          name: "Signature T-Shirt",
-          price: "$29.99",
-          rating: 5,
-          reviewCount: "200",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-woman-blue-tshirt-posed-indoor-together_627829-4407.jpg",
-          imageAlt: "Signature T-Shirt",
-        },
+          id: "prod-3",          brand: "Bikers GYM",          name: "Signature T-Shirt",          price: "$29.99",          rating: 5,
+          reviewCount: "200",          imageSrc: "http://img.b2bpic.net/free-photo/african-woman-blue-tshirt-posed-indoor-together_627829-4407.jpg",          imageAlt: "Signature T-Shirt"},
         {
-          id: "prod-4",
-          brand: "Vanguard",
-          name: "Full-Face Helmet",
-          price: "$299.00",
-          rating: 5,
-          reviewCount: "60",
-          imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585656.jpg",
-          imageAlt: "Full-face helmet",
-        },
+          id: "prod-4",          brand: "Vanguard",          name: "Full-Face Helmet",          price: "$299.00",          rating: 5,
+          reviewCount: "60",          imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585656.jpg",          imageAlt: "Full-face helmet"},
         {
-          id: "prod-5",
-          brand: "Defiance",
-          name: "Protective Riding Jacket",
-          price: "$189.00",
-          rating: 4,
-          reviewCount: "75",
-          imageSrc: "http://img.b2bpic.net/free-photo/sexy-fbi-female-agent-abadoned-place_627829-8682.jpg",
-          imageAlt: "Protective riding jacket",
-        },
+          id: "prod-5",          brand: "Defiance",          name: "Protective Riding Jacket",          price: "$189.00",          rating: 4,
+          reviewCount: "75",          imageSrc: "http://img.b2bpic.net/free-photo/sexy-fbi-female-agent-abadoned-place_627829-8682.jpg",          imageAlt: "Protective riding jacket"},
         {
-          id: "prod-6",
-          brand: "HydraMax",
-          name: "Insulated Water Bottle",
-          price: "$19.99",
-          rating: 4,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-isolated-blue-surface_176420-11914.jpg",
-          imageAlt: "Insulated water bottle",
-        },
+          id: "prod-6",          brand: "HydraMax",          name: "Insulated Water Bottle",          price: "$19.99",          rating: 4,
+          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-isolated-blue-surface_176420-11914.jpg",          imageAlt: "Insulated water bottle"},
       ]}
       title="Gear Up for Glory"
       description="Discover our range of premium supplements, apparel, and accessories, carefully selected to support your training and lifestyle on and off the bike."
@@ -254,59 +163,25 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          tag: "Casual Rider",
-          tagIcon: Activity,
-          price: "$59",
-          period: "/month",
-          description: "Access to all gym facilities during off-peak hours.",
-          button: {
-            text: "Start Basic",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Gym Access (Off-Peak)",
-            "Standard Classes",
-            "Basic Locker Access",
-          ],
+          id: "basic",          tag: "Casual Rider",          tagIcon: Activity,
+          price: "$59",          period: "/month",          description: "Access to all gym facilities during off-peak hours.",          button: {
+            text: "Start Basic"},
+          featuresTitle: "Includes:",          features: [
+            "Gym Access (Off-Peak)",            "Standard Classes",            "Basic Locker Access"],
         },
         {
-          id: "pro",
-          tag: "Dedicated Rider",
-          tagIcon: Zap,
-          price: "$99",
-          period: "/month",
-          description: "Full access to all facilities, classes, and exclusive workshops.",
-          button: {
-            text: "Go Pro",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "24/7 Gym Access",
-            "All Group Classes",
-            "Exclusive Workshops",
-            "Personalized Training Plan",
-            "Premium Locker Access",
-          ],
+          id: "pro",          tag: "Dedicated Rider",          tagIcon: Zap,
+          price: "$99",          period: "/month",          description: "Full access to all facilities, classes, and exclusive workshops.",          button: {
+            text: "Go Pro"},
+          featuresTitle: "Includes:",          features: [
+            "24/7 Gym Access",            "All Group Classes",            "Exclusive Workshops",            "Personalized Training Plan",            "Premium Locker Access"],
         },
         {
-          id: "elite",
-          tag: "Elite Racer",
-          tagIcon: Crown,
-          price: "$149",
-          period: "/month",
-          description: "Everything in Pro, plus one-on-one coaching and event prep.",
-          button: {
-            text: "Join Elite",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "All Pro Benefits",
-            "1:1 Coaching Sessions",
-            "Race Day Prep",
-            "Nutritional Guidance",
-            "VIP Community Access",
-          ],
+          id: "elite",          tag: "Elite Racer",          tagIcon: Crown,
+          price: "$149",          period: "/month",          description: "Everything in Pro, plus one-on-one coaching and event prep.",          button: {
+            text: "Join Elite"},
+          featuresTitle: "Includes:",          features: [
+            "All Pro Benefits",            "1:1 Coaching Sessions",            "Race Day Prep",            "Nutritional Guidance",            "VIP Community Access"],
         },
       ]}
       title="Unleash Your Potential"
@@ -321,34 +196,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "metric-1",
-          value: "95%",
-          title: "Member Satisfaction",
-          items: [
-            "High-quality facilities",
-            "Expert trainers",
-            "Supportive environment",
-          ],
+          id: "metric-1",          value: "95%",          title: "Member Satisfaction",          items: [
+            "High-quality facilities",            "Expert trainers",            "Supportive environment"],
         },
         {
-          id: "metric-2",
-          value: "70%",
-          title: "Improved Endurance",
-          items: [
-            "Longer rides",
-            "Reduced fatigue",
-            "Faster recovery",
-          ],
+          id: "metric-2",          value: "70%",          title: "Improved Endurance",          items: [
+            "Longer rides",            "Reduced fatigue",            "Faster recovery"],
         },
         {
-          id: "metric-3",
-          value: "2x",
-          title: "Strength Gains",
-          items: [
-            "Enhanced bike control",
-            "Increased lifting capacity",
-            "Greater confidence",
-          ],
+          id: "metric-3",          value: "2x",          title: "Strength Gains",          items: [
+            "Enhanced bike control",            "Increased lifting capacity",            "Greater confidence"],
         },
       ]}
       title="Our Impact, Your Victory"
@@ -360,30 +217,15 @@ export default function LandingPage() {
       <TeamCardOne
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-items-equal"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
         {
-          id: "member-1",
-          name: "Alex 'The Piston' Stone",
-          role: "Head Strength Coach",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-twerking_23-2149879701.jpg",
-          imageAlt: "Alex Stone, Head Strength Coach",
-        },
+          id: "member-1",          name: "Alex 'The Piston' Stone",          role: "Head Strength Coach",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-twerking_23-2149879701.jpg",          imageAlt: "Alex Stone, Head Strength Coach"},
         {
-          id: "member-2",
-          name: "Sarah 'Gearhead' Miller",
-          role: "Endurance Specialist",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fit-tired-woman_23-2149036389.jpg",
-          imageAlt: "Sarah Miller, Endurance Specialist",
-        },
+          id: "member-2",          name: "Sarah 'Gearhead' Miller",          role: "Endurance Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fit-tired-woman_23-2149036389.jpg",          imageAlt: "Sarah Miller, Endurance Specialist"},
         {
-          id: "member-3",
-          name: "Mark 'The Mechanic' Davis",
-          role: "Agility & Core Trainer",
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-man-holding-hands-his-mouth-keeps-mouth-wide-opened-male-rejoice-unexpected-news-wearing-white-t-shirt-hairband_176532-11756.jpg",
-          imageAlt: "Mark Davis, Agility & Core Trainer",
-        },
+          id: "member-3",          name: "Mark 'The Mechanic' Davis",          role: "Agility & Core Trainer",          imageSrc: "http://img.b2bpic.net/free-photo/mature-man-holding-hands-his-mouth-keeps-mouth-wide-opened-male-rejoice-unexpected-news-wearing-white-t-shirt-hairband_176532-11756.jpg",          imageAlt: "Mark Davis, Agility & Core Trainer"},
       ]}
       title="Meet Your Coaches"
       description="Our certified trainers are seasoned riders and fitness experts, dedicated to guiding you through every rep, every mile, and every victory."
@@ -398,25 +240,15 @@ export default function LandingPage() {
       author="Jax 'Road King' Teller, Avid Rider"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5351.jpg",
-          alt: "Biker Gym Member 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5351.jpg",          alt: "Biker Gym Member 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5404.jpg",
-          alt: "Biker Gym Member 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5404.jpg",          alt: "Biker Gym Member 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/athletic-person-exercising-working-out_23-2150989839.jpg",
-          alt: "Biker Gym Member 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/athletic-person-exercising-working-out_23-2150989839.jpg",          alt: "Biker Gym Member 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/athletic-woman-outdoors-exercising_23-2150393470.jpg",
-          alt: "Biker Gym Member 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/athletic-woman-outdoors-exercising_23-2150393470.jpg",          alt: "Biker Gym Member 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-1082.jpg",
-          alt: "Biker Gym Member 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-1082.jpg",          alt: "Biker Gym Member 5"},
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -429,20 +261,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq-1",
-          title: "What kind of classes do you offer?",
-          content: "We offer a wide range of classes including High-Intensity Interval Training (HIIT), strength & conditioning tailored for bikers, yoga for flexibility, and specialized endurance cycling sessions.",
-        },
+          id: "faq-1",          title: "What kind of classes do you offer?",          content: "We offer a wide range of classes including High-Intensity Interval Training (HIIT), strength & conditioning tailored for bikers, yoga for flexibility, and specialized endurance cycling sessions."},
         {
-          id: "faq-2",
-          title: "Do I need to be a biker to join?",
-          content: "While our programs are biker-focused, anyone passionate about fitness and strength is welcome to join our community and benefit from our expert coaching and facilities.",
-        },
+          id: "faq-2",          title: "Do I need to be a biker to join?",          content: "While our programs are biker-focused, anyone passionate about fitness and strength is welcome to join our community and benefit from our expert coaching and facilities."},
         {
-          id: "faq-3",
-          title: "What are your membership options?",
-          content: "We have flexible plans ranging from basic gym access to premium packages including personal training, nutritional guidance, and exclusive event participation. Visit our Pricing section for more details.",
-        },
+          id: "faq-3",          title: "What are your membership options?",          content: "We have flexible plans ranging from basic gym access to premium packages including personal training, nutritional guidance, and exclusive event participation. Visit our Pricing section for more details."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-123826.jpg"
       imageAlt="Questions and Answers illustration"
@@ -457,16 +280,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Join Us"
       title="Ready to Ride Stronger?"
       description="Become part of the Bikers GYM family. Experience world-class training, exclusive events, and a community that shares your passion for the open road."
       buttons={[
         {
-          text: "Get Started Today",
-          href: "#contact",
-        },
+          text: "Get Started Today",          href: "#contact"},
       ]}
     />
   </div>
@@ -475,54 +295,33 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Our Team",
-              href: "#team",
-            },
+              label: "Our Team",              href: "#team"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Programs",
-              href: "#features",
-            },
+              label: "Programs",              href: "#features"},
             {
-              label: "Memberships",
-              href: "#pricing",
-            },
+              label: "Memberships",              href: "#pricing"},
             {
-              label: "Shop",
-              href: "#products",
-            },
+              label: "Shop",              href: "#products"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}