497 lines
18 KiB
TypeScript
497 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, Shield, Smile, Sparkles, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "Programs",
|
|
id: "#programs",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="Jr Sports"
|
|
button={{
|
|
text: "Enroll Now",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Every Athlete's Journey Starts Here"
|
|
description="Discover youth sports programs that build champions and confidence. From soccer to swimming, find the perfect fit for your child."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah J.",
|
|
handle: "@parent_sarah",
|
|
testimonial: "Jr Sports transformed my daughter's confidence! The coaches are incredible mentors.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-hotel-cafeteria_657883-403.jpg",
|
|
imageAlt: "happy young mother smiling portrait",
|
|
},
|
|
{
|
|
name: "Michael C.",
|
|
handle: "@coach_mike",
|
|
testimonial: "As a coach, Jr Sports provides excellent resources and a supportive community.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-women-playing-football_23-2149044705.jpg",
|
|
imageAlt: "happy young mother smiling portrait",
|
|
},
|
|
{
|
|
name: "Emily R.",
|
|
handle: "@proud_mom",
|
|
testimonial: "My son found his passion for basketball here. Highly recommend Jr Sports to all parents!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-senior-man_23-2149196165.jpg",
|
|
imageAlt: "happy young mother smiling portrait",
|
|
},
|
|
{
|
|
name: "David L.",
|
|
handle: "@athlete_dad",
|
|
testimonial: "Fantastic organization focused on skill development and positive sportsmanship.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-child-costumes-makeup-family-prepare-celebration-halloween_1157-41124.jpg",
|
|
imageAlt: "happy young mother smiling portrait",
|
|
},
|
|
{
|
|
name: "Jessica T.",
|
|
handle: "@youthsportsfan",
|
|
testimonial: "The variety of programs is amazing, and the staff truly cares about each child's growth.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231811.jpg",
|
|
imageAlt: "happy young mother smiling portrait",
|
|
},
|
|
]}
|
|
testimonialRotationInterval={6000}
|
|
buttons={[
|
|
{
|
|
text: "Explore Programs",
|
|
href: "#programs",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-women-playing-football_23-2149044705.jpg",
|
|
alt: "Parent Sarah",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-smiley-senior-man_23-2149196165.jpg",
|
|
alt: "Parent Michael",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/mother-with-child-costumes-makeup-family-prepare-celebration-halloween_1157-41124.jpg",
|
|
alt: "Parent Emily",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551270.jpg",
|
|
alt: "Smiling parent",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186123.jpg",
|
|
alt: "Happy parent",
|
|
},
|
|
]}
|
|
avatarText="Join our growing community!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-women-playing-football_23-2149044705.jpg"
|
|
imageAlt="Young child playing soccer with blurred background"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon",
|
|
text: "Skill Development",
|
|
icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Teamwork Focus",
|
|
icon: Users,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Certified Coaches",
|
|
icon: Award,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Safe Environment",
|
|
icon: Shield,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Fun & Engaging",
|
|
icon: Smile,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Building Future Leaders Through Sport"
|
|
description="At Jr Sports, we believe in the power of athletics to shape character, teach discipline, and foster a lifelong love for physical activity. Our programs are designed to provide a safe, inclusive, and fun environment where every child can thrive, learn, and grow."
|
|
metrics={[
|
|
{
|
|
value: "10+",
|
|
title: "Years Experience",
|
|
},
|
|
{
|
|
value: "20+",
|
|
title: "Sports Offered",
|
|
},
|
|
{
|
|
value: "500+",
|
|
title: "Happy Athletes",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231811.jpg"
|
|
imageAlt="Youth basketball team in a huddle with coach"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Expert Coaching",
|
|
description: "Certified coaches dedicated to skill development and positive mentorship.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-sitting-grass_23-2147637123.jpg",
|
|
imageAlt: "Young boy kicking a soccer ball",
|
|
},
|
|
{
|
|
title: "Diverse Programs",
|
|
description: "From beginner to advanced, explore a wide range of sports and activities.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-swimmer-with-cap-goggles-posing-while-swimming-water_23-2148687604.jpg",
|
|
imageAlt: "Girl swimming in a pool",
|
|
},
|
|
{
|
|
title: "Character Building",
|
|
description: "Instilling values like teamwork, respect, and perseverance on and off the field.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-playing-basketball-against-blue-sky_23-2147888377.jpg",
|
|
imageAlt: "Young boy dribbling a basketball",
|
|
},
|
|
]}
|
|
title="Why Choose Jr Sports?"
|
|
description="Our comprehensive programs go beyond just playing the game. We focus on holistic development, expert coaching, and building a supportive community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="programs" data-section="programs">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "soccer",
|
|
name: "Youth Soccer League",
|
|
price: "$150/season",
|
|
variant: "Ages 5-14",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684398.jpg",
|
|
imageAlt: "Kids playing soccer on a field",
|
|
},
|
|
{
|
|
id: "basketball",
|
|
name: "Basketball Academy",
|
|
price: "$180/session",
|
|
variant: "Ages 7-18",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teenagers-playing-basketball_1385-2532.jpg",
|
|
imageAlt: "Kids playing basketball on a court",
|
|
},
|
|
{
|
|
id: "swimming",
|
|
name: "Learn to Swim",
|
|
price: "$120/course",
|
|
variant: "Ages 4-12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-swiming-lesson-male-coach-dad-helping-her-with-goggles-while-swimming_1157-50623.jpg",
|
|
imageAlt: "Children swimming in an indoor pool",
|
|
},
|
|
{
|
|
id: "track",
|
|
name: "Track & Field Club",
|
|
price: "$135/season",
|
|
variant: "Ages 8-18",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-running-track_23-2148267994.jpg",
|
|
imageAlt: "Young runners on a track",
|
|
},
|
|
{
|
|
id: "tennis",
|
|
name: "Junior Tennis Lessons",
|
|
price: "$160/session",
|
|
variant: "Ages 6-16",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/kid-with-racket-shoulder-drinking-water_23-2148218643.jpg",
|
|
imageAlt: "Young tennis player hitting a ball",
|
|
},
|
|
{
|
|
id: "gymnastics",
|
|
name: "Gymnastics Fun",
|
|
price: "$140/month",
|
|
variant: "Ages 5-12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching_1163-296.jpg",
|
|
imageAlt: "Young gymnast balancing on a beam",
|
|
},
|
|
]}
|
|
title="Our Exciting Sports Programs"
|
|
description="Find the perfect program for your child's age and skill level. We offer individual and team sports designed for fun and growth."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
title: "A True Game Changer!",
|
|
quote: "Jr Sports has been a fantastic experience for our family. Our daughter has not only improved her soccer skills dramatically but has also gained immense confidence. The coaches are truly inspiring!",
|
|
name: "Maria S.",
|
|
role: "Parent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-couple-teenager-playing-with-soccer-ball_1398-2836.jpg",
|
|
imageAlt: "Happy mother and daughter",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Exceptional Coaching",
|
|
quote: "The basketball academy at Jr Sports is top-notch. My son loves going to practice, and we've seen a huge improvement in his technique and teamwork. It's more than just a sport; it's a community.",
|
|
name: "Carlos P.",
|
|
role: "Parent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/father-playing-with-son-home_23-2148301591.jpg",
|
|
imageAlt: "Happy father and son",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Fostering a Love for Sport",
|
|
quote: "Our child started with the 'Learn to Swim' program and now can't get enough of the pool! Jr Sports makes learning fun and encourages every child to do their best. We're so grateful!",
|
|
name: "Jessica L.",
|
|
role: "Parent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-soccer-ball-embracing-her-team-mates_23-2148355443.jpg",
|
|
imageAlt: "Mother cheering at a sports event",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "More Than Just a Club",
|
|
quote: "The Track & Field Club provided a wonderful outlet for my energetic son. He's made great friends and learned valuable lessons about dedication. Truly a positive environment for youth athletes.",
|
|
name: "Robert K.",
|
|
role: "Parent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/exited-father-son-playing-home_23-2148301639.jpg",
|
|
imageAlt: "Father watching child play sports",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Building Confidence and Skills",
|
|
quote: "We enrolled our daughter in tennis, and it's been a joy to watch her develop. The personalized attention and encouraging atmosphere at Jr Sports are second to none.",
|
|
name: "Chandra V.",
|
|
role: "Parent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/three-women-hugging-low-angle_23-2148634696.jpg",
|
|
imageAlt: "Diverse parents smiling",
|
|
},
|
|
]}
|
|
title="Hear From Our Happy Families"
|
|
description="Read what parents and athletes are saying about their incredible experiences with Jr Sports."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Youth Sports Academy",
|
|
"Community Wellness Fund",
|
|
"Healthy Kids Initiative",
|
|
"Athletic Gear Solutions",
|
|
"Local School District",
|
|
"Town Recreation Center",
|
|
"Future Champions Foundation",
|
|
]}
|
|
title="Trusted by Families & Communities"
|
|
description="We're proud to partner with leading organizations dedicated to youth development and community well-being."
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "What age groups do you serve?",
|
|
content: "Jr Sports offers programs for children ages 5-18, with specific age divisions for each sport to ensure fair play and appropriate skill development.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "How do I register my child?",
|
|
content: "Registration is easy! Visit our 'Programs' section, select the desired sport and age group, and follow the prompts to complete the online registration form and payment.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Are scholarships or financial aid available?",
|
|
content: "Yes, we believe every child should have the opportunity to participate. Please contact us directly to inquire about our financial aid options and scholarship programs.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "What qualifications do your coaches have?",
|
|
content: "All Jr Sports coaches are certified in their respective sports, undergo background checks, and are trained in youth development principles and first aid to ensure a safe and enriching experience.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Got questions? We've got answers. Check out our most common inquiries about programs, registration, and more."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
text="Ready to join the Jr Sports family? Contact us today to learn more about our programs and how your child can get started on their athletic journey!"
|
|
buttons={[
|
|
{
|
|
text: "Get in Touch",
|
|
href: "mailto:info@jrsports.com",
|
|
},
|
|
{
|
|
text: "Call Us",
|
|
href: "tel:+1234567890",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Jr Sports"
|
|
columns={[
|
|
{
|
|
title: "Programs",
|
|
items: [
|
|
{
|
|
label: "Soccer",
|
|
href: "#programs",
|
|
},
|
|
{
|
|
label: "Basketball",
|
|
href: "#programs",
|
|
},
|
|
{
|
|
label: "Swimming",
|
|
href: "#programs",
|
|
},
|
|
{
|
|
label: "View All",
|
|
href: "#programs",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "About Us",
|
|
items: [
|
|
{
|
|
label: "Our Mission",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Why Jr Sports?",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Testimonials",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
label: "Partners",
|
|
href: "#social-proof",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Volunteer",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Sponsor",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Jr Sports. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|