From 45c82da2a3a89f42e91cb3397c27a2dd1edefaa4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 16 Apr 2026 06:11:13 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0a61cdf..2dde139 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,360 +15,162 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="reveal-blur"
+      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">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Training",
-          id: "training",
-        },
-        {
-          name: "Community",
-          id: "community",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="MYG Football"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Features", id: "features" },
+              { name: "Training", id: "training" },
+              { name: "Community", id: "community" },
+              { name: "FAQ", id: "faq" }
+            ]}
+            brandName="MYG Football"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Master Your Game ⚽"
-      description="Learn skills, improve fast, and dominate the pitch with professional football training modules."
-      leftCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7stu8h",
-          imageAlt: "Football Action 1",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9blh12",
-          imageAlt: "Football Action 2",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hxcfo7",
-          imageAlt: "Football Action 3",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0j88yq",
-          imageAlt: "Football Action 4",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyas2n",
-          imageAlt: "Football Action 5",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x3l5w7",
-          imageAlt: "Football Action 6",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jqbupn",
-          imageAlt: "Football Action 7",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q134fb",
-          imageAlt: "Football Action 8",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u55wt9",
-          imageAlt: "Football Action 9",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8drk0l",
-          imageAlt: "Football Action 10",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=842ine",
-          imageAlt: "Football Action 11",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w9fqii",
-          imageAlt: "Football Action 12",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Join Server",
-          href: "#",
-        },
-        {
-          text: "Start Training",
-          href: "#features",
-        },
-      ]}
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7stu8h",
-          alt: "Pro Athlete",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyas2n",
-          alt: "Pro Athlete",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q134fb",
-          alt: "Pro Athlete",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w9fqii",
-          alt: "Pro Athlete",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9blh12",
-          alt: "Pro Athlete",
-        },
-      ]}
-      avatarText="Join 10,000+ elite athletes"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Tactical Intelligence",
-        },
-        {
-          type: "text",
-          text: "Physical Performance",
-        },
-        {
-          type: "text",
-          text: "Pro-Trial Ready",
-        },
-        {
-          type: "text",
-          text: "Elite Skill Drills",
-        },
-        {
-          type: "text",
-          text: "Game Analysis",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Master Your Game ⚽"
+            description="Learn skills, improve fast, and dominate the pitch with professional football training modules."
+            leftCarouselItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7stu8h", imageAlt: "Football Action 1" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9blh12", imageAlt: "Football Action 2" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hxcfo7", imageAlt: "Football Action 3" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0j88yq", imageAlt: "Football Action 4" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyas2n", imageAlt: "Football Action 5" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x3l5w7", imageAlt: "Football Action 6" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jqbupn", imageAlt: "Football Action 7" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q134fb", imageAlt: "Football Action 8" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u55wt9", imageAlt: "Football Action 9" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8drk0l", imageAlt: "Football Action 10" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=842ine", imageAlt: "Football Action 11" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w9fqii", imageAlt: "Football Action 12" }
+            ]}
+            buttons={[{ text: "Join Server", href: "#" }, { text: "Start Training", href: "#features" }]}
+            avatars={[
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7stu8h", alt: "Pro Athlete" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyas2n", alt: "Pro Athlete" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q134fb", alt: "Pro Athlete" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w9fqii", alt: "Pro Athlete" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9blh12", alt: "Pro Athlete" }
+            ]}
+            avatarText="Join 10,000+ elite athletes"
+            marqueeItems={[
+              { type: "text", text: "Tactical Intelligence" },
+              { type: "text", text: "Physical Performance" },
+              { type: "text", text: "Pro-Trial Ready" },
+              { type: "text", text: "Elite Skill Drills" },
+              { type: "text", text: "Game Analysis" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "The Path to Professional Excellence",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=elfbyu",
-          alt: "Training",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "The Path to Professional Excellence" },
+              { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=elfbyu", alt: "Training" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNineteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          tag: "Core",
-          title: "Dribbling",
-          subtitle: "Master the ball",
-          description: "Techniques for total control.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yyscx3",
-        },
-        {
-          tag: "Tactical",
-          title: "Passing",
-          subtitle: "Vision and precision",
-          description: "Mastering the play-making.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h71w0t",
-        },
-        {
-          tag: "Impact",
-          title: "Shooting",
-          subtitle: "Finishing with intent",
-          description: "Unlock your scoring potential.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ibj5it",
-        },
-      ]}
-      title="What You'll Learn"
-      description="Comprehensive modules designed to accelerate your development and tactical understanding."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNineteen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { tag: "Core", title: "Dribbling", subtitle: "Master the ball", description: "Techniques for total control.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yyscx3" },
+              { tag: "Tactical", title: "Passing", subtitle: "Vision and precision", description: "Mastering the play-making.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h71w0t" },
+              { tag: "Impact", title: "Shooting", subtitle: "Finishing with intent", description: "Unlock your scoring potential.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ibj5it" }
+            ]}
+            title="What You'll Learn"
+            description="Comprehensive modules designed to accelerate your development and tactical understanding."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "10,000+",
-          title: "Athletes Trained",
-          description: "Joining the global elite.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yj31qv",
-        },
-        {
-          id: "m2",
-          value: "85%",
-          title: "Skill Growth",
-          description: "Reported within 6 months.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gtfp3n",
-        },
-        {
-          id: "m3",
-          value: "500+",
-          title: "Pro Trials",
-          description: "Signed to top clubs.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f9jml1",
-        },
-      ]}
-      title="Our Impact"
-      description="Proven results for athletes worldwide."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "10,000+", title: "Athletes Trained", description: "Joining the global elite.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yj31qv" },
+              { id: "m2", value: "85%", title: "Skill Growth", description: "Reported within 6 months.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gtfp3n" },
+              { id: "m3", value: "500+", title: "Pro Trials", description: "Signed to top clubs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f9jml1" }
+            ]}
+            title="Our Impact"
+            description="Proven results for athletes worldwide."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Life Changing",
-          quote: "MYG completely changed my gameplay.",
-          name: "Sarah J.",
-          role: "Pro Athlete",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=624f71",
-        },
-        {
-          id: "t2",
-          title: "Tactically Superior",
-          quote: "I understand the game so much better now.",
-          name: "Michael K.",
-          role: "Youth Player",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fx8mq2",
-        },
-        {
-          id: "t3",
-          title: "Fast Growth",
-          quote: "Skills improved in just a few weeks.",
-          name: "David R.",
-          role: "Junior Captain",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68355n",
-        },
-        {
-          id: "t4",
-          title: "Incredible",
-          quote: "Best platform for serious players.",
-          name: "Emily C.",
-          role: "Pro Prospect",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iazso1",
-        },
-        {
-          id: "t5",
-          title: "Highly Recommended",
-          quote: "Every coach should use this.",
-          name: "Alex B.",
-          role: "Academy Coach",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kt3fyl",
-        },
-      ]}
-      title="Hear From Our Athletes"
-      description="Real success stories from the pitch."
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", title: "Life Changing", quote: "MYG completely changed my gameplay.", name: "Sarah J.", role: "Pro Athlete", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=624f71" },
+              { id: "t2", title: "Tactically Superior", quote: "I understand the game so much better now.", name: "Michael K.", role: "Youth Player", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fx8mq2" },
+              { id: "t3", title: "Fast Growth", quote: "Skills improved in just a few weeks.", name: "David R.", role: "Junior Captain", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68355n" },
+              { id: "t4", title: "Incredible", quote: "Best platform for serious players.", name: "Emily C.", role: "Pro Prospect", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iazso1" },
+              { id: "t5", title: "Highly Recommended", quote: "Every coach should use this.", name: "Alex B.", role: "Academy Coach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kt3fyl" }
+            ]}
+            title="Hear From Our Athletes"
+            description="Real success stories from the pitch."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Who is this for?",
-          content: "Players of all skill levels looking to improve.",
-        },
-        {
-          id: "q2",
-          title: "Is it free?",
-          content: "We offer a free tier and premium modules.",
-        },
-        {
-          id: "q3",
-          title: "How long are modules?",
-          content: "Typically 15-30 minutes of high-intensity training.",
-        },
-      ]}
-      title="Common Questions"
-      description="Everything you need to know about the platform."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Who is this for?", content: "Players of all skill levels looking to improve." },
+              { id: "q2", title: "Is it free?", content: "We offer a free tier and premium modules." },
+              { id: "q3", title: "How long are modules?", content: "Typically 15-30 minutes of high-intensity training." }
+            ]}
+            title="Common Questions"
+            description="Everything you need to know about the platform."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Movement"
-      title="Join the Movement"
-      description="Start your journey today."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5rfsz6"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Movement"
+            title="Join the Movement"
+            description="Start your journey today."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5rfsz6"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Training",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 MYG Football"
-      bottomRightText="Privacy Policy"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Platform", items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
+              { title: "Resources", items: [{ label: "Training", href: "#" }, { label: "Contact", href: "#" }] }
+            ]}
+            bottomLeftText="© 2024 MYG Football"
+            bottomRightText="Privacy Policy"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );