Update src/app/page.tsx

This commit is contained in:
2026-04-16 06:11:13 +00:00
parent e915cfe310
commit 45c82da2a3

View File

@@ -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>
);