205 lines
12 KiB
TypeScript
205 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
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 { Trophy, Users, Handshake, Phone } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Team", id: "/team" },
|
|
{ name: "Matches", id: "/matches" },
|
|
{ name: "News", id: "/news" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Club", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Team", href: "/team" },
|
|
{ label: "Facilities", href: "/about" },
|
|
{ label: "Sponsors", href: "/#sponsors" },
|
|
],
|
|
},
|
|
{
|
|
title: "Activities", items: [
|
|
{ label: "Matches & Results", href: "/matches" },
|
|
{ label: "News", href: "/news" },
|
|
{ label: "Gallery", href: "/gallery" },
|
|
{ label: "Events", href: "/#events" },
|
|
],
|
|
},
|
|
{
|
|
title: "Get Involved", items: [
|
|
{ label: "Join the Club", href: "/join" },
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "Become a Sponsor", href: "/contact" },
|
|
{ label: "Volunteer", href: "/contact" },
|
|
],
|
|
},
|
|
];
|
|
|
|
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={navItems}
|
|
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-people-watching-match-waiting-goal_329181-16808.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/full-shot-kids-football-field_23-2149270911.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/beautiful-women-preparing-push-ups_23-2148355378.jpg", imageAlt: "Professional coaching session"},
|
|
{
|
|
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/sporty-girl-scores-goal-into-goal-football-concept-girl-football-field_169016-68081.jpg", imageAlt: "Training facility with modern equipment"},
|
|
{
|
|
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/close-up-people-watching-match-waiting-goal_329181-16808.jpg", imageAlt: "Community gathering and celebration"},
|
|
]}
|
|
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/that-s-how-success-looks-like-photo-young-team-classical-clothes-celebrating-success-while-holding-drinks-modern-good-lighted-office_146671-13657.jpg", imageAlt: "Championship celebration", authorName: "Sarah Johnson", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman_23-2148856070.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/wall-serious-bargain-cardboard-box-box_1134-1163.jpg", imageAlt: "New player announcement", authorName: "Michael Davis", authorAvatar: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.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/sportive-women-talking-each-other-grass_23-2148355534.jpg", imageAlt: "Training camp session", authorName: "Emily Rodriguez", authorAvatar: "http://img.b2bpic.net/free-photo/confident-pretty-brunette-caucasian-girl-looks-camera-orange_141793-69794.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-photo/team-celebrating-win-silver-cup_23-2149479302.jpg", imageAlt: "National team selection celebration", authorName: "James Wilson", authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-well-dressed-male-leaning-against-wall-looking-camera_181624-15421.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/man-smiling-with-ball_1187-1688.jpg", imageAlt: "David Martinez"},
|
|
{
|
|
id: "2", name: "Alex Thompson", role: "Forward", imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-african-athlete-with-healthy-tanned-skin-confident-look-wearing-black-sportswear-squinting-his-eyes-while-resting-outdoors-listening-his-favourite-music-with-earphones_273609-1205.jpg", imageAlt: "Alex Thompson"},
|
|
{
|
|
id: "3", name: "Emma Richardson", role: "Midfielder", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-basketball_23-2148773285.jpg", imageAlt: "Emma Richardson"},
|
|
{
|
|
id: "4", name: "Carlos Santos", role: "Defender", imageSrc: "http://img.b2bpic.net/free-photo/male-american-football-player-uniform-field_23-2150034568.jpg", imageAlt: "Carlos Santos"},
|
|
{
|
|
id: "5", name: "Jordan Lee", role: "Goalkeeper", imageSrc: "http://img.b2bpic.net/free-photo/amateur-football-concept-with-goalkeeper_23-2147833417.jpg", imageAlt: "Jordan Lee"},
|
|
{
|
|
id: "6", name: "Sofia Hernandez", role: "Assistant Coach", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", imageAlt: "Sofia Hernandez"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="Squad"
|
|
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}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/basket-ball-logo_1057-7616.jpg", "http://img.b2bpic.net/free-vector/gradient-power-outage-labels_23-2149263634.jpg", "http://img.b2bpic.net/free-vector/money-concept-logo-template_23-2147902205.jpg", "http://img.b2bpic.net/free-vector/autumn-label-collection_23-2147692704.jpg", "http://img.b2bpic.net/free-vector/technology-logo-gradient-style_23-2148135218.jpg", "http://img.b2bpic.net/free-vector/outlet-label-collection-design_23-2149696731.jpg", "http://img.b2bpic.net/free-vector/gradient-logo-template-with-abstract-shape_52683-16204.jpg"]}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Elite Football Club. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |