201 lines
12 KiB
TypeScript
201 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import { Sparkles, ArrowRight, Trophy, Heart, Star, Zap, Instagram, Facebook, Twitter, Youtube } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="CheerUp!"
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "What We Offer", id: "features" },
|
||
{ name: "Our Impact", id: "metrics" },
|
||
{ name: "Stories", id: "testimonials" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
button={{
|
||
text: "Join Now", href: "contact"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
title="Raise Your Spirits, Raise the Roof"
|
||
description="Welcome to CheerUp! – where athleticism meets artistry, and teamwork creates magic. Join our championship-caliber cheerleading organization and discover your true potential."
|
||
tag="Cheer Excellence"
|
||
tagIcon={Sparkles}
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "grid" }}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/group-pretty-teenager-cheerleaders-cute-uniform_23-2149111068.jpg?_wi=1", imageAlt: "CheerUp cheerleading squad performing"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/group-pretty-teenagers-cheerleader-uniforms_23-2149111117.jpg", imageAlt: "Cheerleaders executing dynamic jump"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/rhythmic-gymnastics-girls-gymnasts-performs-various-gymnastic-exercises-jumping-childs-sport-healthy-lifestyle_1157-44140.jpg", imageAlt: "Cheerleading pyramid stunt"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/group-pretty-teenager-cheerleaders-cute-uniform_23-2149111068.jpg?_wi=2", imageAlt: "Cheerleaders with pom poms in formation"
|
||
}
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Join Our Squad", href: "contact" },
|
||
{ text: "Learn More", href: "about" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
title="About CheerUp!"
|
||
description={[
|
||
"CheerUp! is more than just a cheerleading organization – we're a family dedicated to building confident, skilled athletes who inspire their communities. Since our founding, we've trained hundreds of cheerleaders in competitive tumbling, stunting, and performance excellence.", "Our mission is to develop well-rounded athletes through rigorous training, positive mentorship, and a supportive team environment. We believe that cheerleading builds character, discipline, and unforgettable friendships that last a lifetime."
|
||
]}
|
||
buttons={[
|
||
{ text: "Our Story", href: "#about" },
|
||
{ text: "Meet the Team", href: "#team" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
showBorder={true}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentySix
|
||
title="What We Offer"
|
||
description="CheerUp! provides comprehensive training and competitive opportunities across all skill levels. From fundamentals to advanced techniques, we nurture champions."
|
||
features={[
|
||
{
|
||
title: "Elite Training Programs", description: "Professional coaching in stunting, tumbling, and choreography with personalized skill development plans.", imageSrc: "http://img.b2bpic.net/free-photo/funny-young-woman-laughing-multi-ethnic-group-fitness-yoga-cl_1163-4980.jpg", imageAlt: "Athletic training session", buttonIcon: ArrowRight
|
||
},
|
||
{
|
||
title: "Competition & Championships", description: "Compete at local, regional, and national levels. Showcase your talent on premier stages and earn championship titles.", imageSrc: "http://img.b2bpic.net/free-vector/two-team-e-sports-athlete-competition-esports-competition_1150-46697.jpg", imageAlt: "Championship competition stage", buttonIcon: Trophy
|
||
},
|
||
{
|
||
title: "Vibrant Community", description: "Be part of a supportive, energetic squad where friendships thrive and spirits soar. Social events, team bonding, and shared victories.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-friends-summer-shoot_53876-47015.jpg", imageAlt: "Team community gathering", buttonIcon: Heart
|
||
},
|
||
{
|
||
title: "Leadership Development", description: "Grow as a leader through mentorship programs, team captain roles, and opportunities to inspire younger cheerleaders.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-ceo-giving-presentation-his-team-office-asks-one-his-colleagues-opinion_637285-985.jpg", imageAlt: "Leadership coaching session", buttonIcon: Star
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardTwo
|
||
title="Our Impact"
|
||
description="CheerUp! transforms lives through athletics, achievement, and community. Here's what we've accomplished together."
|
||
metrics={[
|
||
{ id: "1", value: "500+", description: "Athletes Trained" },
|
||
{ id: "2", value: "45", description: "Championship Titles" },
|
||
{ id: "3", value: "98%", description: "College Placement Rate" },
|
||
{ id: "4", value: "15", description: "Years of Excellence" }
|
||
]}
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
title="What Our Athletes Say"
|
||
description="Hear from cheerleaders whose lives have been transformed by CheerUp! and the power of teamwork."
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Maya Johnson", handle: "@mayajones_cheer", testimonial: "Joining CheerUp! changed my life. I found my confidence, my best friends, and my passion for athletics. The coaching is incredible and the team spirit is unmatched!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-cheerleader-outside_23-2148999609.jpg", imageAlt: "Maya Johnson"
|
||
},
|
||
{
|
||
id: "2", name: "Jasmine Pierce", handle: "@jasmineaspires", testimonial: "The training here is world-class. I've competed at nationals twice and learned so much about dedication and teamwork. Couldn't imagine my cheer journey anywhere else.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-cheerleader-cute-uniform_23-2149111120.jpg?_wi=1", imageAlt: "Jasmine Pierce"
|
||
},
|
||
{
|
||
id: "3", name: "Sofia Martinez", handle: "@sofiam_stunts", testimonial: "CheerUp! gave me the platform to grow as an athlete and a leader. I'm now a team captain and mentor younger cheerleaders. The support here is genuine and inspiring.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", imageAlt: "Sofia Martinez"
|
||
},
|
||
{
|
||
id: "4", name: "Alex Rodriguez", handle: "@alexrodrig_cheer", testimonial: "This organization is more than cheerleading – it's a family. The bonds I've made here are lifelong. Thank you CheerUp! for pushing me to be my best every single day.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-doing-strong-gesture_1187-3552.jpg", imageAlt: "Alex Rodriguez"
|
||
},
|
||
{
|
||
id: "5", name: "Tasha Williams", handle: "@tashawills_spirit", testimonial: "I came in as a beginner with no experience. The coaches believed in me, supported me, and now I'm competing at elite levels. CheerUp! is where dreams become reality.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-cheerleader-cute-uniform_23-2149111120.jpg?_wi=2", imageAlt: "Tasha Williams"
|
||
},
|
||
{
|
||
id: "6", name: "Emma Chen", handle: "@emmachen_cheer", testimonial: "The sisterhood, the training, the championships – every moment with CheerUp! has been unforgettable. I'm proud to represent this amazing organization.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/group-teenagers-cheerleader-uniforms_23-2149111112.jpg", imageAlt: "Emma Chen"
|
||
}
|
||
]}
|
||
showRating={true}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
tag="Get Started Today"
|
||
tagIcon={Zap}
|
||
tagAnimation="slide-up"
|
||
title="Ready to Raise Your Game?"
|
||
description="Join CheerUp! and become part of a championship organization where passion, skill, and spirit converge. Whether you're a seasoned athlete or just starting out, we have a place for you."
|
||
buttons={[
|
||
{ text: "Schedule a Trial", href: "#contact" },
|
||
{ text: "Contact Us", href: "#contact" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
background={{ variant: "radial-gradient" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="CheerUp!"
|
||
copyrightText="© 2025 CheerUp! Cheerleading Organization. All rights reserved."
|
||
socialLinks={[
|
||
{ icon: Instagram, href: "https://instagram.com/cheerup", ariaLabel: "Instagram" },
|
||
{ icon: Facebook, href: "https://facebook.com/cheerup", ariaLabel: "Facebook" },
|
||
{ icon: Twitter, href: "https://twitter.com/cheerup", ariaLabel: "Twitter" },
|
||
{ icon: Youtube, href: "https://youtube.com/cheerup", ariaLabel: "YouTube" }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|