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