214 lines
13 KiB
TypeScript
214 lines
13 KiB
TypeScript
"use client";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<main>
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Go Fast"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "News", id: "features" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
bottomLeftText="Youth Football Team"
|
|
bottomRightText="gofast@example.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Go Fast"
|
|
description="Where young stars kick off their journey! Join our children's football team and develop skills, teamwork, and a lifelong love for the game."
|
|
buttons={[
|
|
{ text: "Join the Team", href: "#contact" },
|
|
{ text: "View Schedule", href: "#schedule" },
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/junior-football-team-stacking-hands-before-match_53876-139584.jpg?_wi=1"
|
|
imageAlt="Children playing football enthusiastically on a green field"
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitTabsAbout
|
|
title="About Go Fast Football"
|
|
description="At Go Fast, we believe in nurturing talent, building character, and fostering a passion for football in a supportive environment. Our programs focus on holistic development, both on and off the pitch."
|
|
tabs={[
|
|
{
|
|
id: "our-mission", label: "Our Mission", description:
|
|
"To provide a fun, safe, and educational football experience for children of all skill levels, promoting physical fitness, teamwork, and good sportsmanship."},
|
|
{
|
|
id: "coaching-philosophy", label: "Coaching Philosophy", description:
|
|
"Our certified coaches emphasize skill development, tactical understanding, and positive reinforcement, ensuring every child grows confident in their abilities."},
|
|
{
|
|
id: "community-focus", label: "Community Focus", description:
|
|
"We are more than just a team; we are a community. We encourage parent involvement and organize events that strengthen bonds and create lasting memories."},
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708033.jpg"
|
|
imageAlt="Kids training with a football coach"
|
|
imagePosition="right"
|
|
mediaAnimation="opacity"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
title="Why Choose Go Fast?"
|
|
description="We offer a unique program designed to inspire young footballers. Discover the core values that set us apart and help your child succeed."
|
|
tag="Our Advantages"
|
|
features={[
|
|
{
|
|
id: "1", title: "Develop Core Skills", description:
|
|
"Our training focuses on dribbling, passing, shooting, and game awareness through engaging drills and exercises.", tag: "Skill Development", imageSrc: "https://img.b2bpic.net/free-photo/full-shot-kids-playing-football-field_23-2149270949.jpg", imageAlt: "Child dribbling a football during practice"},
|
|
{
|
|
id: "2", title: "Embrace Teamwork", description:
|
|
"Children learn the importance of collaboration, communication, and supporting each other both on and off the field.", tag: "Team Building", imageSrc: "https://img.b2bpic.net/free-photo/junior-football-team-stacking-hands-before-match_53876-139584.jpg?_wi=2", imageAlt: "Children in a football huddle, demonstrating teamwork"},
|
|
{
|
|
id: "3", title: "Have Fun & Stay Active", description:
|
|
"Football should be enjoyable! We create a lively atmosphere where kids can play, make friends, and stay physically active.", tag: "Enjoy the Game", imageSrc: "https://img.b2bpic.net/free-photo/junior-football-team-hugging-each-other_53876-137683.jpg", imageAlt: "Group of children laughing while playing football"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
title="Meet Our Rising Stars!"
|
|
tag="Our Squad"
|
|
members={[
|
|
{
|
|
id: "1", name: "Leo Messi Jr.", imageSrc: "https://img.b2bpic.net/free-photo/blond-teenager-soccer-player-dressed-blue-uniform-holds-ball_613910-11766.jpg?_wi=1", imageAlt: "Portrait of a young boy in a football jersey"},
|
|
{
|
|
id: "2", name: "Mia Hamm Jr.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-female-rugby-player_23-2148355511.jpg", imageAlt: "Portrait of a young girl in a football jersey"},
|
|
{
|
|
id: "3", name: "Ronaldo Jr.", imageSrc: "https://img.b2bpic.net/free-photo/blond-teenager-soccer-player-dressed-blue-uniform-holds-ball_613910-11766.jpg?_wi=2", imageAlt: "Portrait of a young boy holding a soccer ball"},
|
|
]}
|
|
memberVariant="card"
|
|
membersAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Parents Say About Go Fast"
|
|
description="Hear from the families who are part of the Go Fast community. Their experiences highlight our commitment to excellence and child development."
|
|
tag="Parent Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah P.", role: "Parent of a U8 Player", testimonial:
|
|
"Go Fast has been incredible for my son. He's not only improved his skills dramatically but has also gained so much confidence and made great friends.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-senior-woman-young-daughter_1262-2139.jpg", imageAlt: "Portrait of Sarah P."},
|
|
{
|
|
id: "2", name: "Michael T.", role: "Parent of a U10 Player", testimonial:
|
|
"The coaches are fantastic—patient, knowledgeable, and genuinely care about each child's development. Highly recommend Go Fast to any aspiring young footballer!", imageSrc: "https://img.b2bpic.net/free-photo/happy-family-father-daughter-park_624325-4151.jpg", imageAlt: "Portrait of Michael T."},
|
|
{
|
|
id: "3", name: "Jessica L.", role: "Parent of a U6 Player", testimonial:
|
|
"My daughter absolutely loves coming to practice. It's wonderful to see her so excited about football and learning new things every week.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", imageAlt: "Portrait of Jessica L."},
|
|
{
|
|
id: "4", name: "David K.", role: "Parent of a U9 Player", testimonial:
|
|
"The organization and communication are excellent. Go Fast provides a professional yet fun environment that's perfect for kids learning the sport.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-blonde-mother-daughter-home_329181-2513.jpg", imageAlt: "Portrait of David K."},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our team, registration, and programs."
|
|
tag="FAQs"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What age groups do you offer programs for?", content:
|
|
"We currently offer programs for children aged 5-12, typically categorized into U6, U8, U10, and U12 teams."},
|
|
{
|
|
id: "2", title: "How do I register my child for the team?", content:
|
|
"Registration can be completed online through our 'Join the Team' button, or you can contact us directly for assistance."},
|
|
{
|
|
id: "3", title: "What equipment does my child need?", content:
|
|
"Players need cleats, shin guards, and a water bottle. A team jersey and shorts will be provided upon registration."},
|
|
{
|
|
id: "4", title: "What is the training schedule?", content:
|
|
"Training sessions are held twice a week, with games typically on weekends. Specific schedules vary by age group and will be provided upon registration."},
|
|
{
|
|
id: "5", title: "Do you offer trial sessions?", content:
|
|
"Yes, we offer a free trial session for new players. Please contact us to arrange a suitable date and time."},
|
|
]}
|
|
textboxLayout="default"
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready for your child to join the Go Fast team? Contact us today to learn more about our programs and how to get started!"
|
|
buttons={[
|
|
{ text: "Get in Touch", href: "mailto:gofast@example.com" },
|
|
{ text: "Call Us", href: "tel:+1234567890" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
animationType="entrance-slide"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/green-grass-sports-field-boundary-line_84443-73902.jpg?_wi=1"
|
|
imageAlt="Green soccer field texture"
|
|
logoText="Go Fast"
|
|
columns={[
|
|
{
|
|
title: "Team", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Squad", href: "#team" },
|
|
{ label: "News & Events", href: "#features" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQs", href: "#faq" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Privacy Policy", href: "/privacy-policy" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Go Fast Football. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
</main>
|
|
);
|
|
}
|