Files
aecdf5b4-0b0e-4e2c-a3e5-6b9…/src/app/page.tsx
2026-04-05 12:20:29 +00:00

343 lines
11 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Book, Scale, Shield, ShieldCheck, Trophy, Users } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
{
name: "Standards",
id: "features",
},
{
name: "Impact",
id: "metrics",
},
{
name: "Community",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Fairplay Hockey"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "sparkles-gradient",
}}
title="Hockey Founded on Fairplay"
description="Building character, respect, and integrity on the ice. Join the movement toward a more professional and equitable hockey experience."
testimonials={[
{
name: "Coach Miller",
handle: "@coach.miller",
testimonial: "This initiative transformed how we approach games.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg?_wi=1",
},
{
name: "Alex R.",
handle: "@alex.hockey",
testimonial: "I learned more about character here than anywhere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-woman-competing-olympic-games-tournament_23-2151460484.jpg?_wi=1",
},
{
name: "Sarah J.",
handle: "@sarah.parent",
testimonial: "A supportive community for young players.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891377.jpg?_wi=1",
},
{
name: "David W.",
handle: "@david.official",
testimonial: "The best integrity standards in the league.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-hockey-player-holds-gaming-stick-isolated-grey-background_613910-9761.jpg?_wi=1",
},
{
name: "Jordan P.",
handle: "@jordan.pro",
testimonial: "True sportsmanship starts right here.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg?_wi=1",
},
]}
buttons={[
{
text: "Get Involved",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/hockey-players_654080-2139.jpg"
imageAlt="Hockey fairplay sportsmanship action"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
alt: "Coach Miller",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-athletic-woman-competing-olympic-games-tournament_23-2151460484.jpg",
alt: "Alex R.",
},
{
src: "http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891377.jpg",
alt: "Sarah J.",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-professional-hockey-player-holds-gaming-stick-isolated-grey-background_613910-9761.jpg",
alt: "David W.",
},
{
src: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg",
alt: "Jordan P.",
},
]}
avatarText="Join 500+ members"
marqueeItems={[
{
type: "text-icon",
text: "Integrity",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "Sportsmanship",
icon: Trophy,
},
{
type: "text-icon",
text: "Respect",
icon: Users,
},
{
type: "text-icon",
text: "Fair Play",
icon: Scale,
},
{
type: "text-icon",
text: "Community",
icon: Users,
},
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Our Mission"
description={[
"At Fairplay Hockey, we champion integrity as the cornerstone of competition. We believe every game provides a chance to teach respect and discipline.",
"Through community support and clear standards, we work to build an environment where the love for hockey is matched only by the respect for the game.",
]}
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Book,
title: "Integrity First",
description: "Upholding rules and honest play in every scenario.",
},
{
icon: Shield,
title: "Safety Commitment",
description: "Ensuring physical and mental safety on and off the ice.",
},
{
icon: Scale,
title: "Fair Judgment",
description: "Supporting officials and unbiased, respectful competition.",
},
]}
title="Fairplay Standards"
description="Our core principles guide every athlete, coach, and official to uphold the highest levels of professional conduct."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Impact"
tag="Growing Community"
metrics={[
{
id: "m1",
value: "500+",
description: "Participating Athletes",
},
{
id: "m2",
value: "12",
description: "Partner Leagues",
},
{
id: "m3",
value: "95%",
description: "Fairplay Compliance Rate",
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Coach Miller",
handle: "@coach",
testimonial: "Integrity transformed the culture of our league.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg?_wi=2",
},
{
id: "2",
name: "Alex R.",
handle: "@alex",
testimonial: "I learned more about character than hockey here.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-woman-competing-olympic-games-tournament_23-2151460484.jpg?_wi=2",
},
{
id: "3",
name: "Sarah J.",
handle: "@sarah",
testimonial: "Fantastic community for our family.",
imageSrc: "http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891377.jpg?_wi=2",
},
{
id: "4",
name: "David W.",
handle: "@david",
testimonial: "Standards are truly professional and fair.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-hockey-player-holds-gaming-stick-isolated-grey-background_613910-9761.jpg?_wi=2",
},
{
id: "5",
name: "Jordan P.",
handle: "@jordan",
testimonial: "Fairplay is the new standard of the game.",
imageSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg?_wi=2",
},
]}
title="What Our Members Say"
description="Insights from athletes, parents, and community partners about their journey with Fairplay Hockey."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Join Us"
title="Ready to support fair hockey?"
description="Reach out to learn about membership, sponsorship, or volunteering opportunities."
buttons={[
{
text: "Contact Us",
href: "mailto:info@fairplayhockey.com",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "About",
items: [
{
label: "Mission",
href: "#about",
},
{
label: "Standards",
href: "#features",
},
],
},
{
title: "Community",
items: [
{
label: "Testimonials",
href: "#testimonials",
},
{
label: "Support",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Fairplay Hockey"
copyrightText="© 2025 Fairplay Hockey. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}