Files
2c0918d5-7fdf-4cde-ab96-a1a…/src/app/page.tsx
2026-03-10 15:21:23 +00:00

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>
);
}