From 4edab90551152999f053de324084eb5a99ab2bb1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 09:58:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 353 ++++++++++++-----------------------------------
 1 file changed, 87 insertions(+), 266 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index df6d40c..e7bfa3a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,278 +25,99 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Training",
-          id: "features",
-        },
-        {
-          name: "Membership",
-          id: "pricing",
-        },
-      ]}
-      brandName="EliteFit"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Training", id: "features" },
+              { name: "Membership", id: "pricing" },
+            ]}
+            brandName="EliteFit"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Redefine Your Limits"
-      description="Experience the intersection of high-performance training and bespoke luxury. EliteFit is crafted for those who demand excellence."
-      testimonials={[
-        {
-          name: "Alexander V.",
-          role: "CEO, TechInnovate",
-          testimonial: "The most exclusive fitness environment I've ever experienced. Impeccable.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png?_wi=1",
-        },
-        {
-          name: "Elena R.",
-          role: "Founder, LuxeLife",
-          testimonial: "EliteFit isn't just a gym; it's a sanctuary for high performers.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691827685-c36679e8.png?_wi=1",
-        },
-        {
-          name: "Marcus J.",
-          role: "Pro Athlete",
-          testimonial: "Unparalleled facilities. The attention to detail is truly elite level.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828452-bcb2ba3d.png?_wi=1",
-        },
-        {
-          name: "Sophie K.",
-          role: "Director",
-          testimonial: "Everything about the experience is refined, sophisticated, and effective.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828673-2b7bb7b3.png?_wi=1",
-        },
-        {
-          name: "Julian D.",
-          role: "Investment Banker",
-          testimonial: "A masterclass in luxury training. The results speak for themselves.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png?_wi=2",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/a-high-end-luxury-fitness-environment-wi-1774691828009-d993a357.png"
-      imageAlt="Luxury fitness facility"
-      videoSrc="https://www.w3schools.com/howto/movie.mp4"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            background={{ variant: "gradient-bars" }}
+            title="Redefine Your Limits"
+            description="Experience the intersection of high-performance training and bespoke luxury. EliteFit is crafted for those who demand excellence."
+            testimonials={[
+              { name: "Alexander V.", handle: "CEO, TechInnovate", testimonial: "The most exclusive fitness environment I've ever experienced. Impeccable.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png" },
+              { name: "Elena R.", handle: "Founder, LuxeLife", testimonial: "EliteFit isn't just a gym; it's a sanctuary for high performers.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691827685-c36679e8.png" },
+              { name: "Marcus J.", handle: "Pro Athlete", testimonial: "Unparalleled facilities. The attention to detail is truly elite level.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828452-bcb2ba3d.png" },
+              { name: "Sophie K.", handle: "Director", testimonial: "Everything about the experience is refined, sophisticated, and effective.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828673-2b7bb7b3.png" },
+              { name: "Julian D.", handle: "Investment Banker", testimonial: "A masterclass in luxury training. The results speak for themselves.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png" },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/a-high-end-luxury-fitness-environment-wi-1774691828009-d993a357.png"
+            imageAlt="Luxury fitness facility"
+            videoSrc="https://www.w3schools.com/howto/movie.mp4"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Excellence in Motion"
-      description={[
-        "At EliteFit, we believe luxury and fitness are inseparable. Our state-of-the-art facilities offer a private, bespoke experience tailored to your specific performance goals.",
-        "We merge high-tech diagnostics with traditional, high-intensity training methods to ensure you receive a truly unique experience designed by professionals.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="Excellence in Motion"
+            description={[
+              "At EliteFit, we believe luxury and fitness are inseparable. Our state-of-the-art facilities offer a private, bespoke experience tailored to your specific performance goals.",              "We merge high-tech diagnostics with traditional, high-intensity training methods to ensure you receive a truly unique experience designed by professionals."]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "No crowded spaces",
-          "No standard gym equipment",
-          "No generic programming",
-          "No public memberships",
-          "No intrusive monitoring",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Personalized performance coaching",
-          "Advanced physiological diagnostics",
-          "Private training suites",
-          "24/7 Concierge Support",
-          "Luxury Recovery Spa",
-        ],
-      }}
-      title="Precision Training"
-      description="We offer a curated suite of services designed for those at the top of their field."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["No crowded spaces", "No standard gym equipment", "No generic programming", "No public memberships", "No intrusive monitoring"] }}
+            positiveCard={{ items: ["Personalized performance coaching", "Advanced physiological diagnostics", "Private training suites", "24/7 Concierge Support", "Luxury Recovery Spa"] }}
+            title="Precision Training"
+            description="We offer a curated suite of services designed for those at the top of their field."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "premium",
-          price: "$1,200/mo",
-          subtitle: "Elite individual training",
-          badge: "Core",
-          features: [
-            "Full facility access",
-            "1 personal training session/week",
-            "Nutrition planning",
-          ],
-          buttons: [
-            {
-              text: "Inquire",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "elite",
-          price: "$2,500/mo",
-          subtitle: "Total wellness optimization",
-          badge: "Elite",
-          features: [
-            "Unlimited training",
-            "3 personal sessions/week",
-            "Monthly diagnostic scans",
-            "Concierge scheduling",
-          ],
-          buttons: [
-            {
-              text: "Inquire",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "private",
-          price: "Custom",
-          subtitle: "Bespoke high-performance",
-          badge: "Signature",
-          features: [
-            "Dedicated private suite",
-            "On-call performance coach",
-            "Full nutrition & wellness team",
-          ],
-          buttons: [
-            {
-              text: "Inquire",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      title="Exclusive Membership"
-      description="Choose the level of performance that matches your ambition."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              { id: "premium", badge: "Core", price: "$1,200/mo", subtitle: "Elite individual training", features: ["Full facility access", "1 personal training session/week", "Nutrition planning"], buttons: [{ text: "Inquire", href: "#" }] },
+              { id: "elite", badge: "Elite", price: "$2,500/mo", subtitle: "Total wellness optimization", features: ["Unlimited training", "3 personal sessions/week", "Monthly diagnostic scans", "Concierge scheduling"], buttons: [{ text: "Inquire", href: "#" }] },
+              { id: "private", badge: "Signature", price: "Custom", subtitle: "Bespoke high-performance", features: ["Dedicated private suite", "On-call performance coach", "Full nutrition & wellness team"], buttons: [{ text: "Inquire", href: "#" }] }
+            ]}
+            title="Exclusive Membership"
+            description="Choose the level of performance that matches your ambition."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwo
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alexander V.",
-          role: "CEO, TechInnovate",
-          testimonial: "An incredible atmosphere for high achievers.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png?_wi=3",
-        },
-        {
-          id: "2",
-          name: "Elena R.",
-          role: "Founder, LuxeLife",
-          testimonial: "I've never felt more optimized in my life.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691827685-c36679e8.png?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Marcus J.",
-          role: "Pro Athlete",
-          testimonial: "The facilities and coaching are world-class.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828452-bcb2ba3d.png?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Sophie K.",
-          role: "Director",
-          testimonial: "Truly the gold standard of fitness centers.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828673-2b7bb7b3.png?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Victor H.",
-          role: "Architect",
-          testimonial: "The design of the space is as elite as the training.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png?_wi=4",
-        },
-      ]}
-      title="Elite Results"
-      description="See why industry leaders choose EliteFit to maintain their edge."
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alexander V.", role: "CEO, TechInnovate", testimonial: "An incredible atmosphere for high achievers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png" },
+              { id: "2", name: "Elena R.", role: "Founder, LuxeLife", testimonial: "I've never felt more optimized in my life.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691827685-c36679e8.png" },
+              { id: "3", name: "Marcus J.", role: "Pro Athlete", testimonial: "The facilities and coaching are world-class.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828452-bcb2ba3d.png" },
+              { id: "4", name: "Sophie K.", role: "Director", testimonial: "Truly the gold standard of fitness centers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828673-2b7bb7b3.png" },
+              { id: "5", name: "Victor H.", role: "Architect", testimonial: "The design of the space is as elite as the training.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLkXAxfevdkEg7RPXlvzlHeVm/professional-portrait-of-a-fit-individua-1774691828227-aaedd503.png" },
+            ]}
+            title="Elite Results"
+            description="See why industry leaders choose EliteFit to maintain their edge."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Membership",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="EliteFit"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="EliteFit"
+            columns={[
+              { items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Membership", href: "#pricing" }] },
+              { items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
+              { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1