From a623ff135fd52ba2a99dd5aa3354a44f54759998 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 29 Apr 2026 07:07:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 496 +++++++++++++++--------------------------------
 1 file changed, 152 insertions(+), 344 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a54c7b2..cd5ee4c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,367 +10,175 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import { Activity, Heart, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Classes",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Trainers",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="IronClad Gym"
-      button={{
-        text: "Join Now",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Classes", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Trainers", id: "team" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="IronClad Gym"
+            button={{ text: "Join Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="IronClad Gym"
-      description="Transform your life with world-class facilities, elite training programs, and a community dedicated to your fitness goals."
-      buttons={[
-        {
-          text: "Start Free Trial",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-doing-exercise-simulator-gym_23-2147688152.jpg?_wi=1"
-      imageAlt="Gym athlete in a modern facility"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="IronClad Gym"
+            description="Transform your life with world-class facilities, elite training programs, and a community dedicated to your fitness goals."
+            buttons={[{ text: "Start Free Trial", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/woman-doing-exercise-simulator-gym_23-2147688152.jpg"
+            imageAlt="Gym athlete in a modern facility"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Philosophy"
-      title="Built for Results"
-      description="IronClad Gym isn't just a place to workout; it's a dedicated environment designed for maximum performance and community connection."
-      subdescription="We offer top-tier equipment, personalized guidance, and a supportive atmosphere that keeps you motivated every single day."
-      icon={Activity}
-      imageSrc="http://img.b2bpic.net/free-photo/man-training-gym_23-2148024289.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="Our Philosophy"
+            title="Built for Results"
+            description="IronClad Gym isn't just a place to workout; it's a dedicated environment designed for maximum performance and community connection."
+            subdescription="We offer top-tier equipment, personalized guidance, and a supportive atmosphere that keeps you motivated every single day."
+            icon={Activity}
+            imageSrc="http://img.b2bpic.net/free-photo/man-training-gym_23-2148024289.jpg"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "HIIT Training",
-          description: "High-intensity circuits to torch calories.",
-          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111017.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111020.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-exercise-simulator-gym_23-2147688152.jpg?_wi=2",
-          imageAlt: "group fitness class aerobic",
-        },
-        {
-          title: "Strength Lab",
-          description: "State-of-the-art powerlifting and weight equipment.",
-          icon: Activity,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/people-working-out-gym_53876-13559.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024289.jpg?_wi=2",
-          imageAlt: "group fitness class aerobic",
-        },
-        {
-          title: "Wellness Center",
-          description: "Recovery suites and yoga studios.",
-          icon: Heart,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/black-caucasian-women-doing-yoga-stretching-mat-studio_1157-52191.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-stretching-together_23-2149348457.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg?_wi=1",
-          imageAlt: "group fitness class aerobic",
-        },
-      ]}
-      title="Elite Classes & Facilities"
-      description="From high-intensity interval training to restorative yoga, we provide diverse programs for all fitness levels."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Elite Classes & Facilities"
+            description="From high-intensity interval training to restorative yoga, we provide diverse programs for all fitness levels."
+            features={[
+              {
+                title: "HIIT Training",                description: "High-intensity circuits to torch calories.",                icon: Zap,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111017.jpg", imageAlt: "group fitness class aerobic" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111020.jpg", imageAlt: "group fitness class aerobic" }
+                ]
+              },
+              {
+                title: "Strength Lab",                description: "State-of-the-art powerlifting and weight equipment.",                icon: Activity,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/people-working-out-gym_53876-13559.jpg", imageAlt: "group fitness class aerobic" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg", imageAlt: "group fitness class aerobic" }
+                ]
+              },
+              {
+                title: "Wellness Center",                description: "Recovery suites and yoga studios.",                icon: Heart,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/black-caucasian-women-doing-yoga-stretching-mat-studio_1157-52191.jpg", imageAlt: "group fitness class aerobic" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-stretching-together_23-2149348457.jpg", imageAlt: "group fitness class aerobic" }
+                ]
+              }
+            ]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "starter",
-          name: "Starter",
-          price: "$49/mo",
-          features: [
-            "Full gym access",
-            "1 personal training session",
-            "Basic classes",
-          ],
-          buttons: [
-            {
-              text: "Select Plan",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          name: "Iron Elite",
-          price: "$89/mo",
-          features: [
-            "24/7 gym access",
-            "5 training sessions",
-            "Unlimited classes",
-            "Guest passes",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-            },
-          ],
-        },
-        {
-          id: "ultimate",
-          name: "Ultimate",
-          price: "$129/mo",
-          features: [
-            "Personal locker",
-            "10 training sessions",
-            "Sauna & Recovery",
-            "Priority booking",
-          ],
-          buttons: [
-            {
-              text: "Get Ultimate",
-            },
-          ],
-        },
-      ]}
-      title="Membership Plans"
-      description="Transparent pricing with no hidden costs."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Membership Plans"
+            description="Transparent pricing with no hidden costs."
+            plans={[
+              { id: "starter", name: "Starter", price: "$49/mo", features: ["Full gym access", "1 personal training session", "Basic classes"], buttons: [{ text: "Select Plan" }] },
+              { id: "pro", name: "Iron Elite", price: "$89/mo", features: ["24/7 gym access", "5 training sessions", "Unlimited classes", "Guest passes"], buttons: [{ text: "Get Started" }] },
+              { id: "ultimate", name: "Ultimate", price: "$129/mo", features: ["Personal locker", "10 training sessions", "Sauna & Recovery", "Priority booking"], buttons: [{ text: "Get Ultimate" }] }
+            ]}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      members={[
-        {
-          id: "t1",
-          name: "Alex River",
-          role: "Head Trainer",
-          description: "Over 10 years in strength and conditioning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Sarah Croft",
-          role: "HIIT Specialist",
-          description: "Expert in functional training and metabolic conditioning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mark Vinson",
-          role: "Wellness Coach",
-          description: "Specializing in recovery, mobility, and holistic fitness.",
-          imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9882.jpg",
-        },
-      ]}
-      title="Meet Our Elite Trainers"
-      description="Our team of certified professionals is dedicated to helping you hit your personal best."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            title="Meet Our Elite Trainers"
+            description="Our team of certified professionals is dedicated to helping you hit your personal best."
+            members={[
+              { id: "t1", name: "Alex River", role: "Head Trainer", description: "Over 10 years in strength and conditioning.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg" },
+              { id: "t2", name: "Sarah Croft", role: "HIIT Specialist", description: "Expert in functional training and metabolic conditioning.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg" },
+              { id: "t3", name: "Mark Vinson", role: "Wellness Coach", description: "Specializing in recovery, mobility, and holistic fitness.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9882.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          date: "Jan 2024",
-          title: "Incredible Results",
-          quote: "IronClad changed my fitness journey. The support is unmatched.",
-          tag: "Transformation",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-near-her-friend-gym_23-2147949627.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-athletic-man-using-mobile-phone-while-relaxing-after-sports-training-gym_637285-8294.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          date: "Dec 2023",
-          title: "Best in the City",
-          quote: "The facilities are world-class and the atmosphere is always motivating.",
-          tag: "Quality",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-towel-her-shoulder-pointing-back-smiling-cheerfully-standing-pink-wall_141793-48807.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-entertained-carefree-emotive-happy-charming-woman-with-tattoos-arms-acting-lik_1258-139658.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          date: "Nov 2023",
-          title: "Highly Recommend",
-          quote: "I feel healthier and stronger every day since joining.",
-          tag: "Strength",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/boy-city_1157-6961.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          date: "Oct 2023",
-          title: "Game Changer",
-          quote: "Classes are always fresh, energetic, and professional.",
-          tag: "Community",
-          avatarSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22868.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda M.",
-          date: "Sep 2023",
-          title: "Elite Facility",
-          quote: "Top-tier equipment and fantastic trainers.",
-          tag: "Support",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-gym_23-2150007195.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",
-        },
-      ]}
-      title="Member Success Stories"
-      description="See why our community loves IronClad Gym."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Member Success Stories"
+            description="See why our community loves IronClad Gym."
+            testimonials={[
+              { id: "1", name: "Sarah J.", date: "Jan 2024", title: "Incredible Results", quote: "IronClad changed my fitness journey. The support is unmatched.", tag: "Transformation", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-near-her-friend-gym_23-2147949627.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-athletic-man-using-mobile-phone-while-relaxing-after-sports-training-gym_637285-8294.jpg" },
+              { id: "2", name: "Michael C.", date: "Dec 2023", title: "Best in the City", quote: "The facilities are world-class and the atmosphere is always motivating.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-towel-her-shoulder-pointing-back-smiling-cheerfully-standing-pink-wall_141793-48807.jpg", imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-entertained-carefree-emotive-happy-charming-woman-with-tattoos-arms-acting-lik_1258-139658.jpg" },
+              { id: "3", name: "Emily R.", date: "Nov 2023", title: "Highly Recommend", quote: "I feel healthier and stronger every day since joining.", tag: "Strength", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg", imageSrc: "http://img.b2bpic.net/free-photo/boy-city_1157-6961.jpg" },
+              { id: "4", name: "David K.", date: "Oct 2023", title: "Game Changer", quote: "Classes are always fresh, energetic, and professional.", tag: "Community", avatarSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22868.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg" },
+              { id: "5", name: "Linda M.", date: "Sep 2023", title: "Elite Facility", quote: "Top-tier equipment and fantastic trainers.", tag: "Support", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-gym_23-2150007195.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Are there drop-in options?",
-          content: "Yes, we offer single-visit day passes for all levels.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer personal training?",
-          content: "Yes, our certified trainers provide 1-on-1 and small group sessions.",
-        },
-        {
-          id: "f3",
-          title: "Can I cancel my membership anytime?",
-          content: "Our flexible membership options allow for easy management via our portal.",
-        },
-      ]}
-      sideTitle="Questions?"
-      sideDescription="Everything you need to know about starting your fitness journey at IronClad."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            sideTitle="Questions?"
+            sideDescription="Everything you need to know about starting your fitness journey at IronClad."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "Are there drop-in options?", content: "Yes, we offer single-visit day passes for all levels." },
+              { id: "f2", title: "Do you offer personal training?", content: "Yes, our certified trainers provide 1-on-1 and small group sessions." },
+              { id: "f3", title: "Can I cancel my membership anytime?", content: "Our flexible membership options allow for easy management via our portal." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Join Today"
-      title="Start Your Fitness Journey"
-      description="Ready to get stronger? Sign up for a free training consultation today."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Join Today"
+            title="Start Your Fitness Journey"
+            description="Ready to get stronger? Sign up for a free training consultation today."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Facilities",
-              href: "#features",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Trainers",
-              href: "#team",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="IronClad Gym"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="IronClad Gym"
+            columns={[
+              { items: [{ label: "About", href: "#about" }, { label: "Facilities", href: "#features" }, { label: "Blog", href: "#" }] },
+              { items: [{ label: "Pricing", href: "#pricing" }, { label: "Trainers", href: "#team" }, { label: "Privacy", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1