From cb2c02249ef1cb1b26a49f585b45bd63dbfd7e57 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 14:14:21 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 369 ++++++++++++-----------------------------------
 1 file changed, 90 insertions(+), 279 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ac517c9..50a13c7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Activity, Apple, Award, Bell, Calendar, Crown, Flame, Heart, Settings, ShoppingBag, Signal, Sparkles, Star, Trophy, User, Users } from "lucide-react";
+import { Activity, Apple, Award, Bell, Calendar, Crown, Flame, Heart, Settings, ShoppingBag, Signal, Sparkles, Star, Trophy, User, Users, Weights } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,130 +33,81 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       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: "Metrics",
-          id: "#metrics",
-        },
+          name: "Metrics",          id: "#metrics"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Pricing",
-          id: "#pricing",
-        },
+          name: "Pricing",          id: "#pricing"},
         {
-          name: "Partners",
-          id: "#partners",
-        },
+          name: "Partners",          id: "#partners"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Sleek Fitness"
       button={{
-        text: "Join Now",
-        href: "#contact",
-      }}
+        text: "Join Now",        href: "#contact"}}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroSplitKpi
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       imagePosition="right"
       title="Elevate Your Fitness Journey with Sleek Fitness"
       description="Achieve your health and wellness goals with our expert trainers, state-of-the-art facilities, and personalized programs. Start your transformation today."
       kpis={[
         {
-          value: "100+",
-          label: "Classes Daily",
-        },
+          value: "100+",          label: "Classes Daily"},
         {
-          value: "20+",
-          label: "Expert Trainers",
-        },
+          value: "20+",          label: "Expert Trainers"},
         {
-          value: "500+",
-          label: "Happy Members",
-        },
+          value: "500+",          label: "Happy Members"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Join Now",
-          href: "#contact",
-        },
+          text: "Join Now",          href: "#contact"},
         {
-          text: "Learn More",
-          href: "#about",
-        },
+          text: "Learn More",          href: "#about"},
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/smiley-people-having-fun-zumba-class_23-2149074892.jpg",
-          alt: "Fitness instructor",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiley-people-having-fun-zumba-class_23-2149074892.jpg",          alt: "Fitness instructor"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-female-basketball-player_23-2151098110.jpg",
-          alt: "Gym member",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-female-basketball-player_23-2151098110.jpg",          alt: "Gym member"},
         {
-          src: "http://img.b2bpic.net/free-photo/fitness-woman-doing-yoga-yoga-mat-home_23-2148952532.jpg",
-          alt: "Yoga practitioner",
-        },
+          src: "http://img.b2bpic.net/free-photo/fitness-woman-doing-yoga-yoga-mat-home_23-2148952532.jpg",          alt: "Yoga practitioner"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-holding-smartphone-looking-it-with-smile-happy-face-standing-white-background_141793-130222.jpg",
-          alt: "Runner",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-holding-smartphone-looking-it-with-smile-happy-face-standing-white-background_141793-130222.jpg",          alt: "Runner"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-people-high-five-gym_23-2149049819.jpg",
-          alt: "Athlete",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-people-high-five-gym_23-2149049819.jpg",          alt: "Athlete"},
       ]}
       avatarText="Join our thriving community of fitness enthusiasts!"
-      imageSrc="http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111024.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111024.jpg"
       imageAlt="Dynamic fitness training session"
       mediaAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Cardio Excellence",
-          icon: Heart,
+          type: "text-icon",          text: "Cardio Excellence",          icon: Heart,
         },
         {
-          type: "text-icon",
-          text: "Strength Training",
-          icon: Activity,
+          type: "text-icon",          text: "Strength Training",          icon: Activity,
         },
         {
-          type: "text-icon",
-          text: "Yoga & Mindfulness",
-          icon: Heart,
+          type: "text-icon",          text: "Yoga & Mindfulness",          icon: Heart,
         },
         {
-          type: "text-icon",
-          text: "Personal Coaching",
-          icon: User,
+          type: "text-icon",          text: "Personal Coaching",          icon: User,
         },
         {
-          type: "text-icon",
-          text: "Nutritional Guidance",
-          icon: Apple,
+          type: "text-icon",          text: "Nutritional Guidance",          icon: Apple,
         },
       ]}
       marqueeSpeed={40}
@@ -185,75 +136,44 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Personalized Coaching",
-          description: "Receive one-on-one guidance from certified trainers tailored to your specific fitness level and objectives.",
-          bentoComponent: "globe",
-          button: {
-            text: "Learn More",
-            href: "#",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-globe-wearing-medical-mask-with-copy-space_23-2148557676.jpg",
-          imageAlt: "global fitness community network",
+          title: "Personalized Coaching",          description: "Receive one-on-one guidance from certified trainers tailored to your specific fitness level and objectives.",          bentoComponent: "globe",          button: {
+            text: "Learn More",            href: "#"}
         },
         {
-          title: "Advanced Analytics",
-          description: "Track your progress with detailed performance metrics and data-driven insights to optimize your training.",
-          bentoComponent: "animated-bar-chart",
-          button: {
-            text: "View Dashboard",
-            href: "#",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111024.jpg?_wi=2",
-          imageAlt: "global fitness community network",
+          title: "Advanced Analytics",          description: "Track your progress with detailed performance metrics and data-driven insights to optimize your training.",          bentoComponent: "animated-bar-chart",          button: {
+            text: "View Dashboard",            href: "#"}
         },
         {
-          title: "Flexible Class Schedules",
-          description: "Access a wide variety of group classes, from HIIT to Yoga, with convenient timings to fit your busy lifestyle.",
-          bentoComponent: "phone",
-          statusIcon: Signal,
+          title: "Flexible Class Schedules",          description: "Access a wide variety of group classes, from HIIT to Yoga, with convenient timings to fit your busy lifestyle.",          bentoComponent: "phone",          statusIcon: Signal,
           alertIcon: Bell,
-          alertTitle: "New Class Alert!",
-          alertMessage: "HIIT Blast starting in 15 mins. Join now!",
-          apps: [
+          alertTitle: "New Class Alert!",          alertMessage: "HIIT Blast starting in 15 mins. Join now!",          apps: [
             {
-              name: "Workouts",
-              icon: Weights,
+              name: "Workouts",              icon: Weights,
             },
             {
-              name: "Schedule",
-              icon: Calendar,
+              name: "Schedule",              icon: Calendar,
             },
             {
-              name: "Nutrition",
-              icon: Apple,
+              name: "Nutrition",              icon: Apple,
             },
             {
-              name: "Coaches",
-              icon: Users,
+              name: "Coaches",              icon: Users,
             },
             {
-              name: "Progress",
-              icon: Activity,
+              name: "Progress",              icon: Activity,
             },
             {
-              name: "Challenges",
-              icon: Trophy,
+              name: "Challenges",              icon: Trophy,
             },
             {
-              name: "Store",
-              icon: ShoppingBag,
+              name: "Store",              icon: ShoppingBag,
             },
             {
-              name: "Settings",
-              icon: Settings,
+              name: "Settings",              icon: Settings,
             },
           ],
           button: {
-            text: "Explore Classes",
-            href: "#",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-having-fun-zumba-class_23-2149074892.jpg",
-          imageAlt: "global fitness community network",
+            text: "Explore Classes",            href: "#"}
         },
       ]}
       title="Tailored Programs for Every Goal"
@@ -264,27 +184,19 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardThree
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          icon: Heart,
-          title: "Improved Health",
-          value: "95%",
-        },
+          id: "m1",          icon: Heart,
+          title: "Improved Health",          value: "95%"},
         {
-          id: "m2",
-          icon: Flame,
-          title: "Increased Energy",
-          value: "90%",
-        },
+          id: "m2",          icon: Flame,
+          title: "Increased Energy",          value: "90%"},
         {
-          id: "m3",
-          icon: Award,
-          title: "Achieved Goals",
-          value: "98%",
-        },
+          id: "m3",          icon: Award,
+          title: "Achieved Goals",          value: "98%"},
       ]}
       title="Achieve Your Best with Us"
       description="See the tangible results our members are achieving every day. We're committed to helping you reach new milestones and unlock your full potential."
@@ -300,59 +212,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "Marketing Manager",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-holding-blank-speech-bubble-sign-smiling-cheerfully-showing-thumbs-up-standing-white-wall_141793-48859.jpg",
-          imageAlt: "Sarah Johnson smiling",
-        },
+          id: "1",          name: "Sarah Johnson",          role: "Marketing Manager",          company: "GrowthCo",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-holding-blank-speech-bubble-sign-smiling-cheerfully-showing-thumbs-up-standing-white-wall_141793-48859.jpg",          imageAlt: "Sarah Johnson smiling"},
         {
-          id: "2",
-          name: "Michael Chen",
-          role: "Software Engineer",
-          company: "InnovateTech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/upperangle-shot-attractive-sweaty-sportswoman-using-gym-equipment-gain-perfect-abs-good-body-shape-pushup-rings-pumping-biceps-smiling-as-if-feeling-joy-working-out-train-endurance_197531-30367.jpg",
-          imageAlt: "Michael Chen smiling",
-        },
+          id: "2",          name: "Michael Chen",          role: "Software Engineer",          company: "InnovateTech",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/upperangle-shot-attractive-sweaty-sportswoman-using-gym-equipment-gain-perfect-abs-good-body-shape-pushup-rings-pumping-biceps-smiling-as-if-feeling-joy-working-out-train-endurance_197531-30367.jpg",          imageAlt: "Michael Chen smiling"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Financial Analyst",
-          company: "Apex Investments",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21386.jpg",
-          imageAlt: "Emily Rodriguez smiling",
-        },
+          id: "3",          name: "Emily Rodriguez",          role: "Financial Analyst",          company: "Apex Investments",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21386.jpg",          imageAlt: "Emily Rodriguez smiling"},
         {
-          id: "4",
-          name: "David Kim",
-          role: "Small Business Owner",
-          company: "Local Eats",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-leggings-standing-one-knee-tying-lace_1262-18584.jpg",
-          imageAlt: "David Kim smiling",
-        },
+          id: "4",          name: "David Kim",          role: "Small Business Owner",          company: "Local Eats",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-leggings-standing-one-knee-tying-lace_1262-18584.jpg",          imageAlt: "David Kim smiling"},
         {
-          id: "5",
-          name: "Jessica Lee",
-          role: "Yoga Instructor",
-          company: "Zen Flow Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-explorer-reaching-mountain-peak-meditating-top_482257-125889.jpg",
-          imageAlt: "Jessica Lee smiling",
-        },
+          id: "5",          name: "Jessica Lee",          role: "Yoga Instructor",          company: "Zen Flow Studio",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-explorer-reaching-mountain-peak-meditating-top_482257-125889.jpg",          imageAlt: "Jessica Lee smiling"},
         {
-          id: "6",
-          name: "Robert Green",
-          role: "Project Manager",
-          company: "BuildRight Co.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061417.jpg",
-          imageAlt: "Robert Green smiling",
-        },
+          id: "6",          name: "Robert Green",          role: "Project Manager",          company: "BuildRight Co.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061417.jpg",          imageAlt: "Robert Green smiling"},
       ]}
       title="What Our Members Say"
       description="Hear directly from our satisfied members about their transformative journeys at Sleek Fitness and how we've helped them achieve their dreams."
@@ -367,61 +243,31 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
-          badge: "Value",
-          badgeIcon: Sparkles,
-          price: "$49/month",
-          name: "Basic Access",
-          buttons: [
+          id: "basic",          badge: "Value",          badgeIcon: Sparkles,
+          price: "$49/month",          name: "Basic Access",          buttons: [
             {
-              text: "Choose Basic",
-              href: "#contact",
-            },
+              text: "Choose Basic",              href: "#contact"},
           ],
           features: [
-            "Gym Access (Off-Peak)",
-            "Basic Group Classes",
-            "Locker Room Access",
-          ],
+            "Gym Access (Off-Peak)",            "Basic Group Classes",            "Locker Room Access"],
         },
         {
-          id: "premium",
-          badge: "Popular",
-          badgeIcon: Star,
-          price: "$79/month",
-          name: "Premium Pass",
-          buttons: [
+          id: "premium",          badge: "Popular",          badgeIcon: Star,
+          price: "$79/month",          name: "Premium Pass",          buttons: [
             {
-              text: "Choose Premium",
-              href: "#contact",
-            },
+              text: "Choose Premium",              href: "#contact"},
           ],
           features: [
-            "24/7 Gym Access",
-            "All Group Classes",
-            "Personal Training Session (1/month)",
-            "Nutritional Guidance",
-          ],
+            "24/7 Gym Access",            "All Group Classes",            "Personal Training Session (1/month)",            "Nutritional Guidance"],
         },
         {
-          id: "elite",
-          badge: "Ultimate",
-          badgeIcon: Crown,
-          price: "$129/month",
-          name: "Elite Membership",
-          buttons: [
+          id: "elite",          badge: "Ultimate",          badgeIcon: Crown,
+          price: "$129/month",          name: "Elite Membership",          buttons: [
             {
-              text: "Choose Elite",
-              href: "#contact",
-            },
+              text: "Choose Elite",              href: "#contact"},
           ],
           features: [
-            "24/7 Gym Access",
-            "All Group Classes",
-            "Personal Training Sessions (4/month)",
-            "Custom Meal Plan",
-            "Priority Booking",
-          ],
+            "24/7 Gym Access",            "All Group Classes",            "Personal Training Sessions (4/month)",            "Custom Meal Plan",            "Priority Booking"],
         },
       ]}
       title="Find Your Perfect Fit"
@@ -435,14 +281,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "NutriFuel",
-        "SportTech",
-        "WellnessWorks",
-        "ActiveLife",
-        "FitGenius",
-        "PeakPerformance",
-        "HealthHub",
-      ]}
+        "NutriFuel",        "SportTech",        "WellnessWorks",        "ActiveLife",        "FitGenius",        "PeakPerformance",        "HealthHub"]}
       title="Trusted by Industry Leaders"
       description="We collaborate with top health and wellness brands, sports organizations, and technology providers to bring you the best in fitness innovation and support."
       tag="Our Partners"
@@ -455,20 +294,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Get Started"
       title="Ready to Transform?"
       description="Join Sleek Fitness today and take the first step towards a healthier, stronger you. Contact us to learn more about our programs and facilities!"
       buttons={[
         {
-          text: "Schedule a Visit",
-          href: "#",
-        },
+          text: "Schedule a Visit",          href: "#"},
         {
-          text: "Contact Sales",
-          href: "#",
-        },
+          text: "Contact Sales",          href: "#"},
       ]}
     />
   </div>
@@ -478,58 +312,35 @@ export default function LandingPage() {
       logoText="Sleek Fitness"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
           ],
         },
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Classes",
-              href: "#features",
-            },
+              label: "Classes",              href: "#features"},
             {
-              label: "Personal Training",
-              href: "#features",
-            },
+              label: "Personal Training",              href: "#features"},
             {
-              label: "Membership",
-              href: "#pricing",
-            },
+              label: "Membership",              href: "#pricing"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "FAQ",
-              href: "#",
-            },
+              label: "FAQ",              href: "#"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1