199 lines
13 KiB
TypeScript
199 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
|
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import Link from "next/link";
|
|
import { Trophy, Users, Handshake, Phone } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Elite Football Club"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Team", id: "/team" },
|
|
{ name: "Matches", id: "/matches" },
|
|
{ name: "News", id: "/news" },
|
|
]}
|
|
button={{ text: "Join Us", href: "/join" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Elite Football Club"
|
|
description="Uniting passion, talent, and community. Join us as we strive for excellence both on and off the field."
|
|
buttons={[
|
|
{ text: "Latest News", href: "/news" },
|
|
{ text: "Upcoming Matches", href: "/matches" },
|
|
]}
|
|
background={{ variant: "radial-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-football-field_23-2148930198.jpg"
|
|
imageAlt="Elite Football Club Stadium"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="card"
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Trophy}
|
|
title="Building Excellence Through Football"
|
|
description="Founded with a mission to develop young talent and promote the beautiful game, Elite Football Club has been a cornerstone of our community for over two decades. We believe in fostering not just skilled athletes, but responsible citizens who embody the values of teamwork, integrity, and perseverance."
|
|
metrics={[
|
|
{ value: "20+", title: "Years of Excellence" },
|
|
{ value: "500+", title: "Players Developed" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-trainer-wrapping-female-boxer-s-hand-preparation-practice_23-2148426154.jpg"
|
|
imageAlt="Elite Football Club Training Facility"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="blur-reveal"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
title="Why Choose Elite Football Club"
|
|
description="Discover what sets us apart and why thousands of families trust us with their football journey."
|
|
features={[
|
|
{
|
|
id: "1", title: "Professional Coaching", author: "Training Excellence", description:
|
|
"Our coaches are certified professionals with international experience, dedicated to developing each player's potential.", tags: ["Coaching", "Development"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-training-summer-park_1157-26931.jpg", imageAlt: "Professional coach training"},
|
|
{
|
|
id: "2", title: "State-of-the-Art Facilities", author: "World-Class Infrastructure", description:
|
|
"Train on premium fields with modern equipment designed to enhance performance and ensure player safety.", tags: ["Facilities", "Safety"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-athlete-sportswear-doing-stretching-exercise-stadium_627829-2168.jpg", imageAlt: "Training facility"},
|
|
{
|
|
id: "3", title: "Community & Events", author: "Strong Fellowship", description:
|
|
"Join a vibrant community of passionate football enthusiasts through tournaments, socials, and team-building events.", tags: ["Community", "Events"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/men-playing-rugby-field_23-2150062005.jpg", imageAlt: "Community event"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardThree
|
|
title="Latest Club News"
|
|
description="Stay updated with the latest news, transfers, tournament updates, and announcements from Elite Football Club."
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Tournament", title: "Elite Football Club Wins Regional Championship", excerpt:
|
|
"Our team emerged victorious in the regional championship, showcasing exceptional teamwork and skill.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-happy-people-standing-with-bengal-lights-smiling-friends-spending-time-together-outdoor-concept-celebration_1262-20843.jpg", imageAlt: "Championship celebration", authorName: "Sarah Johnson", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-fair-hair-dressed-polo-shirt-looking-smiling-with-happy-cheerful-expression-standing-outdoors-against-green-plants_273609-6760.jpg", date: "Jan 15, 2025"},
|
|
{
|
|
id: "2", category: "Transfer", title: "New Star Player Joins Elite FC", excerpt:
|
|
"We are thrilled to announce the signing of international talent Marcus Chen to strengthen our squad.", imageSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player-ready-match_23-2150887364.jpg", imageAlt: "New player", authorName: "Michael Davis", authorAvatar: "http://img.b2bpic.net/free-photo/headshot-handsome-happy-smiling-man-looking-hopeful_176420-19029.jpg", date: "Jan 10, 2025"},
|
|
{
|
|
id: "3", category: "Announcement", title: "Summer Training Camp Registration Open", excerpt:
|
|
"Join us this summer for our intensive training camp featuring professional coaching and elite facilities.", imageSrc: "http://img.b2bpic.net/free-photo/rugby-team-doing-warming-up-exercises_23-2148355387.jpg", imageAlt: "Training camp", authorName: "Emily Rodriguez", authorAvatar: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213468.jpg", date: "Jan 5, 2025"},
|
|
{
|
|
id: "4", category: "Achievement", title: "Youth Academy Players Selected for National Team", excerpt:
|
|
"Five of our academy graduates have been selected to represent the national youth team at the international tournament.", imageSrc: "http://img.b2bpic.net/free-vector/american-football-flat-landing-page_23-2149403905.jpg", imageAlt: "National selection", authorName: "James Wilson", authorAvatar: "http://img.b2bpic.net/free-photo/playful-young-caucasian-man-showing-tongue-doing-peace-sign-isolated-orange-wall-with-copy-space_141793-79710.jpg", date: "Dec 28, 2024"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="auto"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
title="Meet Our Squad"
|
|
description="Get to know the talented players and dedicated coaching staff who make Elite Football Club great."
|
|
team={[
|
|
{
|
|
id: "1", name: "David Martinez", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-desk_23-2149927603.jpg", imageAlt: "David Martinez"},
|
|
{
|
|
id: "2", name: "Alex Thompson", role: "Forward", imageSrc: "http://img.b2bpic.net/free-photo/male-athlete-standing-with-basketball-plastic-bottle-soft-blue-background_23-2148203716.jpg", imageAlt: "Alex Thompson"},
|
|
{
|
|
id: "3", name: "Emma Richardson", role: "Midfielder", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-adult-woman-sportswear_23-2148298968.jpg", imageAlt: "Emma Richardson"},
|
|
{
|
|
id: "4", name: "Carlos Santos", role: "Defender", imageSrc: "http://img.b2bpic.net/free-photo/girls-volleyball-field_23-2149450959.jpg", imageAlt: "Carlos Santos"},
|
|
{
|
|
id: "5", name: "Jordan Lee", role: "Goalkeeper", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", imageAlt: "Jordan Lee"},
|
|
{
|
|
id: "6", name: "Sofia Hernandez", role: "Assistant Coach", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg", imageAlt: "Sofia Hernandez"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tagIcon={Users}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Proudly Supported By"
|
|
description="We are grateful for the partnerships and sponsorships that enable us to provide world-class facilities and training."
|
|
tag="Partners"
|
|
tagIcon={Handshake}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Sports Performance", "Energy Pro", "Global Bank", "Local Business", "TechHub", "Retail Co", "Media Network"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-13879.jpg", "http://img.b2bpic.net/free-vector/soccer-logo-template_23-2149588688.jpg", "http://img.b2bpic.net/free-photo/image-attractive-businessman-black-suit-rejoicing-showing-credit-card-looking-money-sta_1258-154942.jpg", "http://img.b2bpic.net/free-vector/elegante-food-truck-logos-with-flat-design_23-2147677299.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-hub-logo-design_23-2149857670.jpg", "http://img.b2bpic.net/free-vector/lettering-collection-supporting-local-business_23-2148591788.jpg", "http://img.b2bpic.net/free-vector/diaphragm-photography-logo-colors_23-2147827820.jpg"]}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Club", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Team", href: "/team" },
|
|
{ label: "Facilities", href: "/about" },
|
|
],
|
|
},
|
|
{
|
|
title: "Activities", items: [
|
|
{ label: "Matches & Results", href: "/matches" },
|
|
{ label: "News", href: "/news" },
|
|
{ label: "Events", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Get Involved", items: [
|
|
{ label: "Join the Club", href: "/join" },
|
|
{ label: "Contact Us", href: "/" },
|
|
{ label: "Become a Sponsor", href: "/" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Elite Football Club. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |