153 lines
7.7 KiB
TypeScript
153 lines
7.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Award, Calendar, Shield, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
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="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="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}
|
|
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="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Static Football Academy"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact Us", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|