Update src/app/page.tsx
This commit is contained in:
337
src/app/page.tsx
337
src/app/page.tsx
@@ -26,235 +26,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Success",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Static Academy"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Programs", id: "features" },
|
||||
{ name: "Success", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Static Academy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background="gradient-bars"
|
||||
title="Train Like a Pro. Become One."
|
||||
description="Static Football Academy builds disciplined, skilled players ready for competitive leagues. Join 200 students already progressing faster."
|
||||
kpis={[
|
||||
{
|
||||
value: "200+",
|
||||
label: "Students Trained",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "League Placement",
|
||||
},
|
||||
{
|
||||
value: "15",
|
||||
label: "Expert Coaches",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-man-playing-football_23-2148867362.jpg"
|
||||
imageAlt="Young soccer player on pitch"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Train Like a Pro. Become One."
|
||||
description="Static Football Academy builds disciplined, skilled players ready for competitive leagues. Join 200 students already progressing faster."
|
||||
kpis={[
|
||||
{ value: "200+", label: "Students Trained" },
|
||||
{ value: "95%", label: "League Placement" },
|
||||
{ value: "15", label: "Expert Coaches" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Book Your Free Trial", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-man-playing-football_23-2148867362.jpg"
|
||||
imageAlt="Young soccer player on pitch"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Elite Development for Future Athletes"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Elite Development for Future Athletes"
|
||||
buttons={[
|
||||
{ text: "Our Philosophy", href: "#features" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Structured Progression",
|
||||
description: "Clear milestones for every player.",
|
||||
bentoComponent: "timeline",
|
||||
items: [
|
||||
{
|
||||
label: "Foundation",
|
||||
detail: "Basic skills",
|
||||
},
|
||||
{
|
||||
label: "Growth",
|
||||
detail: "Tactical awareness",
|
||||
},
|
||||
{
|
||||
label: "Elite",
|
||||
detail: "Competitive performance",
|
||||
},
|
||||
],
|
||||
completedLabel: "Completed",
|
||||
},
|
||||
{
|
||||
title: "World-Class Facilities",
|
||||
description: "State-of-the-art training ground.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/football-social-media-post_505751-8062.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-girls-playing-rugby_23-2148355428.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-soccer-field-soccer-training-active-lifestyle-football-concept_169016-68502.jpg",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Performance Tracking",
|
||||
description: "Data-driven skill development.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Speed",
|
||||
value: "15%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Placement",
|
||||
value: "90%",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Safety",
|
||||
value: "100%",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Proven Path to Success"
|
||||
description="Comprehensive training designed to transform dedication into skill."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Structured Progression", description: "Clear milestones for every player.", bentoComponent: "timeline", heading: "Progression Path", subheading: "Step-by-step training", items: [
|
||||
{ label: "Foundation", detail: "Basic skills" },
|
||||
{ label: "Growth", detail: "Tactical awareness" },
|
||||
{ label: "Elite", detail: "Competitive performance" },
|
||||
],
|
||||
completedLabel: "Completed"},
|
||||
{
|
||||
title: "World-Class Facilities", description: "State-of-the-art training ground.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/football-social-media-post_505751-8062.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-girls-playing-rugby_23-2148355428.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-soccer-field-soccer-training-active-lifestyle-football-concept_169016-68502.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Performance Tracking", description: "Data-driven skill development.", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Zap, label: "Speed", value: "15%" },
|
||||
{ icon: Award, label: "Placement", value: "90%" },
|
||||
{ icon: Shield, label: "Safety", value: "100%" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Proven Path to Success"
|
||||
description="Comprehensive training designed to transform dedication into skill."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Parent",
|
||||
testimonial: "My son's technical skills improved dramatically in just six months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-kissing-son-outside_23-2148504015.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David M.",
|
||||
role: "Player",
|
||||
testimonial: "The coaching here is at a professional level, really intense.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-boy-resting_23-2148017283.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Parent",
|
||||
testimonial: "Excellent academy, focus on both discipline and technique.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-kissing-son-outside_23-2148504015.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marco P.",
|
||||
role: "Player",
|
||||
testimonial: "Best training facility I have ever been to, period.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-track-full-shot_23-2149731289.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James L.",
|
||||
role: "Parent",
|
||||
testimonial: "My daughter has become more confident and skilled since joining.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-kissing-son-outside_23-2148504015.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Families"
|
||||
description="Real results from our elite training programs."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", role: "Parent", testimonial: "My son's technical skills improved dramatically in just six months.", imageSrc: "http://img.b2bpic.net/free-photo/father-kissing-son-outside_23-2148504015.jpg"},
|
||||
{
|
||||
id: "2", name: "David M.", role: "Player", testimonial: "The coaching here is at a professional level, really intense.", imageSrc: "http://img.b2bpic.net/free-photo/fitness-boy-resting_23-2148017283.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena R.", role: "Parent", testimonial: "Excellent academy, focus on both discipline and technique.", imageSrc: "http://img.b2bpic.net/free-photo/father-kissing-son-outside_23-2148504015.jpg"},
|
||||
{
|
||||
id: "4", name: "Marco P.", role: "Player", testimonial: "Best training facility I have ever been to, period.", imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-track-full-shot_23-2149731289.jpg"},
|
||||
{
|
||||
id: "5", name: "James L.", role: "Parent", testimonial: "My daughter has become more confident and skilled since joining.", imageSrc: "http://img.b2bpic.net/free-photo/father-kissing-son-outside_23-2148504015.jpg"},
|
||||
]}
|
||||
title="Trusted by Families"
|
||||
description="Real results from our elite training programs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What age groups are accepted?",
|
||||
content: "We accept players from 6 to 16 years of age.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there trial sessions?",
|
||||
content: "Yes, we offer a free trial for all new students.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We operate out of the main city sports complex.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Start Your Journey"
|
||||
ctaDescription="Join Static Football Academy for a complimentary trial session."
|
||||
ctaButton={{
|
||||
text: "Book Trial",
|
||||
href: "#",
|
||||
}}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What age groups are accepted?", content: "We accept players from 6 to 16 years of age." },
|
||||
{ id: "f2", title: "Are there trial sessions?", content: "Yes, we offer a free trial for all new students." },
|
||||
{ id: "f3", title: "Where are you located?", content: "We operate out of the main city sports complex." },
|
||||
]}
|
||||
ctaTitle="Start Your Journey"
|
||||
ctaDescription="Join Static Football Academy for a complimentary trial session."
|
||||
ctaButton={{ text: "Book Trial", href: "#" }}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Static Football Academy"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Static Football Academy"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user