299 lines
18 KiB
TypeScript
299 lines
18 KiB
TypeScript
"use client"
|
|
|
|
import { Facebook, Instagram, Twitter, Youtube } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
|
|
import TagAbout from '@/components/sections/about/TagAbout';
|
|
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="sharp"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="spotlight"
|
|
primaryButtonStyle="neon-glow-border"
|
|
secondaryButtonStyle="outline"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Football Hub"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Teams", id: "product" },
|
|
{ name: "Features", id: "feature" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Join Now", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoCarousel
|
|
logoText="Football"
|
|
description="Elevate your game with world-class coaching, team management, and performance analytics. Unite players, build champions."
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-234.jpg", imageAlt: "Football stadium and match action"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-960.jpg", imageAlt: "Team celebration and championship moments"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-942.jpg", imageAlt: "Football training and practice session"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-272.jpg", imageAlt: "Football ball on the pitch"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-922.jpg", imageAlt: "Football fans and stadium atmosphere"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TagAbout
|
|
tag="Our Mission"
|
|
description="We believe football transforms lives. Through innovative training programs, strategic team management, and cutting-edge analytics, we empower players to unlock their potential, coaches to build winning strategies, and organizations to achieve championship excellence."
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardTwenty
|
|
title="Complete Football Solution"
|
|
description="Everything you need to develop talent, manage teams, and dominate competitions."
|
|
tag="Core Features"
|
|
images={[
|
|
{
|
|
id: 1,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-967.jpg", imageAlt: "Advanced coaching and training programs"
|
|
},
|
|
{
|
|
id: 2,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-955.jpg", imageAlt: "Tactical analysis and strategy tools"
|
|
},
|
|
{
|
|
id: 3,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-228.jpg", imageAlt: "Fitness and conditioning monitoring"
|
|
},
|
|
{
|
|
id: 4,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-327.jpg", imageAlt: "Performance analytics and insights"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{
|
|
text: "Explore Features", href: "#product"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardThree
|
|
title="Featured Teams & Leagues"
|
|
description="Discover elite teams and competitions powered by our platform."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", name: "Professional League", price: "Premium", imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-226.jpg", imageAlt: "Professional football team lineup"
|
|
},
|
|
{
|
|
id: "2", name: "Championship Tournament", price: "Elite", imageSrc: "https://img.b2bpic.net/free-photo/american-male-football-player-uniform-field_23-2150034604.jpg", imageAlt: "Championship football tournament"
|
|
},
|
|
{
|
|
id: "3", name: "Youth Academy", price: "Development", imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-390.jpg", imageAlt: "Youth football academy program"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Impact by Numbers"
|
|
description="See how we're transforming football globally."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "50K+", description: "Players Trained"
|
|
},
|
|
{
|
|
id: "2", value: "100+", description: "Teams Managed"
|
|
},
|
|
{
|
|
id: "3", value: "25", description: "Championship Wins"
|
|
},
|
|
{
|
|
id: "4", value: "95%", description: "Player Satisfaction"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardFive
|
|
title="Player & Coach Success Stories"
|
|
description="Hear from the athletes and coaches who've transformed their careers."
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcus Johnson, Professional Striker", date: "Date: November 2024", title: "From academy to pro in 18 months", quote: "The coaching structure and analytics changed everything. My performance metrics improved by 40%, and I landed my professional contract. This platform isn't just training—it's a career launcher.", tag: "Professional", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", avatarAlt: "Marcus Johnson", imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", imageAlt: "Marcus Johnson celebration"
|
|
},
|
|
{
|
|
id: "2", name: "Coach Elena Rodriguez, National Team", date: "Date: October 2024", title: "Game intelligence redefined", quote: "The tactical analysis tools transformed how we prepare. Real-time data, opponent analysis, and player fitness tracking—everything in one place. We've never been more strategically aligned.", tag: "Elite Coaching", avatarSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg", avatarAlt: "Coach Elena Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg", imageAlt: "Coach Elena Rodriguez tactical analysis"
|
|
},
|
|
{
|
|
id: "3", name: "Sophie Mitchell, Youth Academy Director", date: "Date: September 2024", title: "Developing champions at grassroots", quote: "Our academy players show measurable improvement within weeks. The structured program identifies talent early and nurtures it systematically. Parents see the difference, and so do professional scouts.", tag: "Youth Development", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg", avatarAlt: "Sophie Mitchell", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg", imageAlt: "Youth academy training session"
|
|
},
|
|
{
|
|
id: "4", name: "David Chen, Fan & Tournament Organizer", date: "Date: August 2024", title: "Uniting the football community", quote: "What started as managing local tournaments grew into something special. The platform connected us to thousands of passionate fans and elevated our event to professional standards.", tag: "Community", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", avatarAlt: "David Chen", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", imageAlt: "Football community gathering"
|
|
},
|
|
{
|
|
id: "5", name: "James Patterson, League Manager", date: "Date: July 2024", title: "League management made simple", quote: "Scheduling, standings, player statistics, and fan engagement—all automated. What used to take me 20 hours a week now takes 2. The platform gave me back my time.", tag: "Management", avatarSrc: "https://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg", avatarAlt: "James Patterson", imageSrc: "https://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg", imageAlt: "League management dashboard"
|
|
},
|
|
{
|
|
id: "6", name: "Aisha Okonkwo, Young Player", date: "Date: June 2024", title: "Dreams becoming reality", quote: "I grew up playing street football. This program gave me structure, mentorship, and opportunity. I'm now part of an academy team that believes in me. Thank you.", tag: "Success Story", avatarSrc: "https://img.b2bpic.net/free-photo/confident-guy_1098-19785.jpg", avatarAlt: "Aisha Okonkwo", imageSrc: "https://img.b2bpic.net/free-photo/confident-guy_1098-19785.jpg", imageAlt: "Young player in academy"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Common Questions"
|
|
description="Everything you need to know about our platform and services."
|
|
tag="FAQ"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Who can use this platform?", content: "Our platform is designed for everyone—from youth academy programs to professional teams, coaches, scouts, and passionate fans. Whether you're developing talent or managing competitions, we have solutions tailored for you."
|
|
},
|
|
{
|
|
id: "2", title: "How does the player tracking system work?", content: "We use advanced analytics to monitor player performance, fitness metrics, tactical positioning, and development progress. Real-time dashboards give coaches instant insights to optimize training and match strategies."
|
|
},
|
|
{
|
|
id: "3", title: "Can we customize team training programs?", content: "Absolutely. Our platform allows coaches to design custom training plans, set performance targets, and track individual and team progress against those goals. Programs adapt as players improve."
|
|
},
|
|
{
|
|
id: "4", title: "What about youth academy management?", content: "We provide comprehensive academy tools including talent identification, structured development pathways, parental communication, scout visibility, and career progression tracking from grassroots to professional level."
|
|
},
|
|
{
|
|
id: "5", title: "How do I organize tournaments and leagues?", content: "Our tournament management system handles scheduling, live scoring, standings, player statistics, fan engagement, and registration. Everything is automated, so you focus on the football."
|
|
},
|
|
{
|
|
id: "6", title: "Is there mobile access?", content: "Yes. Players, coaches, and managers can access their accounts via mobile app to check training schedules, view performance data, manage team communication, and stay connected wherever they are."
|
|
},
|
|
{
|
|
id: "7", title: "What about data privacy and security?", content: "We implement enterprise-grade security protocols. All player data, team information, and organizational details are encrypted and protected. We comply with GDPR, CCPA, and international data protection standards."
|
|
},
|
|
{
|
|
id: "8", title: "Do you offer onboarding and training?", content: "Yes. We provide comprehensive onboarding for new organizations, video tutorials for coaches and managers, and dedicated support to ensure successful implementation across your team or league."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Stay in the Game"
|
|
description="Get exclusive tips, training insights, player spotlights, and tournament updates delivered to your inbox. Join thousands of coaches, players, and fans."
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-927.jpg"
|
|
imageAlt="Football team unity and community"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time. No spam, just football excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseSocial
|
|
logoText="Football Hub"
|
|
description="Transforming football through innovation, community, and excellence. Empowering players, coaches, and organizations worldwide."
|
|
copyrightText="© 2025 Football Hub. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Platform", items: [
|
|
{ label: "Features", href: "feature" },
|
|
{ label: "Teams", href: "product" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Academy", href: "#academy" }
|
|
]
|
|
},
|
|
{
|
|
title: "Community", items: [
|
|
{ label: "Players", href: "#players" },
|
|
{ label: "Coaches", href: "#coaches" },
|
|
{ label: "Organizations", href: "#organizations" },
|
|
{ label: "Events", href: "#events" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Blog", href: "#blog" },
|
|
{ label: "Tutorials", href: "#tutorials" },
|
|
{ label: "Support", href: "contact" },
|
|
{ label: "FAQ", href: "faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#privacy" },
|
|
{ label: "Terms of Service", href: "#terms" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com", ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com", ariaLabel: "Twitter"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com", ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Youtube,
|
|
href: "https://youtube.com", ariaLabel: "YouTube"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |