"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import CustomNavbar from "@/components/navbar/CustomNavbar";
import HeroSection from "@/components/hero/HeroSection";
import AboutTeam from "@/components/about/AboutTeam";
import SquadShowcase from "@/components/product/SquadShowcase";
import LatestNews from "@/components/blog/LatestNews";
import AchievementsMetrics from "@/components/metric/AchievementsMetrics";
import PlayerTestimonials from "@/components/testimonial/PlayerTestimonials";
import FooterSection from "@/components/footer/FooterSection";
import { Users, Trophy, Globe, Award } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <CustomNavbar
          logo="BvB Young"
          links={[
            { label: "Home", href: "/" },
            { label: "About", href: "/about" },
            { label: "Players", href: "/players" },
            { label: "News", href: "/news" },
            { label: "Contact", href: "/contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSection
          title="BvB Young"
          subtitle="Experience Excellence in Youth Football"
          description="Developing the next generation of football champions. Join us on our journey to greatness."
          primaryCta="Explore Our Squad"
          secondaryCta="Learn More"
          backgroundImage="https://img.b2bpic.net/free-photo/football-trainer-helping-kids-back-view_23-2149742058.jpg"
          heroAlign="center"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <AboutTeam
          title="About BvB Young"
          description="BvB Young is a premier youth football academy dedicated to nurturing talent and building champions. With a focus on technical excellence, tactical intelligence, and character development, we prepare young players for success both on and off the pitch."
          features={[
            {
              title: "Elite Coaching",
              description: "World-class coaching staff with extensive professional experience"
            },
            {
              title: "Modern Facilities",
              description: "State-of-the-art training grounds and performance centers"
            },
            {
              title: "Player Development",
              description: "Comprehensive development programs from grassroots to professional level"
            },
            {
              title: "Competition Ready",
              description: "Regular domestic and international competitive opportunities"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="squad" data-section="squad">
        <SquadShowcase
          title="Meet Our Squad"
          description="Introducing the talented young players representing BvB Young"
          players={[
            {
              id: "1",
              name: "Marcus Weber",
              position: "Forward",
              number: "9",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-blonde-girl-running-through-cones_23-2148355370.jpg",
              rating: 5
            },
            {
              id: "2",
              name: "Julian Koch",
              position: "Midfielder",
              number: "8",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-stretching-leg-field-full-shot_23-2148930217.jpg",
              rating: 5
            },
            {
              id: "3",
              name: "Leon Bauer",
              position: "Defender",
              number: "5",
              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708043.jpg",
              rating: 4
            },
            {
              id: "4",
              name: "Alex Hoffmann",
              position: "Goalkeeper",
              number: "1",
              imageSrc: "https://img.b2bpic.net/free-photo/man-training-kids-playing-football-full-shot_23-2149742079.jpg",
              rating: 5
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="news" data-section="news">
        <LatestNews
          title="Latest News & Updates"
          description="Stay informed about BvB Young's recent achievements and upcoming events"
          articles={[
            {
              id: "1",
              title: "Championship Victory!",
              excerpt: "BvB Young claims regional championship with dominant 3-0 performance in final match",
              date: "2024-01-15",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-soccer-ball-running-through-cones_23-2148355364.jpg",
              author: "Team News"
            },
            {
              id: "2",
              title: "International Tournament Success",
              excerpt: "Our players shine in European youth tournament, securing second place finish",
              date: "2024-01-10",
              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-helping-kids-medium-shot_23-2149742061.jpg",
              author: "Sports Updates"
            },
            {
              id: "3",
              title: "New Training Facilities Unveiled",
              excerpt: "State-of-the-art performance center opens for enhanced player development",
              date: "2024-01-05",
              imageSrc: "https://img.b2bpic.net/free-photo/women-warming-up-football-field_23-2148355388.jpg",
              author: "Club Announcements"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <AchievementsMetrics
          title="Our Achievements"
          description="Proven track record of excellence and development"
          metrics={[
            {
              label: "Players Developed",
              value: "150+",
              icon: Users
            },
            {
              label: "Tournament Wins",
              value: "28",
              icon: Trophy
            },
            {
              label: "International Caps",
              value: "45",
              icon: Globe
            },
            {
              label: "Years of Excellence",
              value: "15",
              icon: Award
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <PlayerTestimonials
          title="What Players Say"
          description="Hear from our academy members about their experience at BvB Young"
          testimonials={[
            {
              id: "1",
              name: "Thomas Schmidt",
              role: "Forward",
              company: "BvB Young Academy",
              rating: 5,
              quote: "BvB Young changed my life. The coaching is exceptional and the training facilities are world-class. I've improved dramatically here.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg"
            },
            {
              id: "2",
              name: "Sophie Wagner",
              role: "Midfielder",
              company: "BvB Young Academy",
              rating: 5,
              quote: "The professional environment at BvB Young prepares you for everything. The coaches believe in you and push you to be better every day.",
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-young-runner-looking-camera_23-2148162136.jpg"
            },
            {
              id: "3",
              name: "Daniel Krause",
              role: "Defender",
              company: "BvB Young Academy",
              rating: 5,
              quote: "Playing for BvB Young has been a dream come true. The competitive level and support system are unmatched.",
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-darkskinned-browneyed-brunette-longsleeved-tshirt-looks-into-camera-runs-upstairs-outdoors_197531-28721.jpg"
            },
            {
              id: "4",
              name: "Jessica Mueller",
              role: "Goalkeeper",
              company: "BvB Young Academy",
              rating: 5,
              quote: "Best decision ever. The academy focuses on holistic development - skill, tactics, and character. Highly recommend!",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-muscular-young-man-race-track_23-2148162181.jpg"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterSection
        companyName="BvB Young"
        description="Developing the next generation of football champions"
        sections={[
          {
            title: "Quick Links",
            links: [
              { label: "Home", href: "/" },
              { label: "About", href: "/about" },
              { label: "Players", href: "/players" },
              { label: "News", href: "/news" }
            ]
          },
          {
            title: "Contact",
            links: [
              { label: "Email: info@bvbyoung.com", href: "mailto:info@bvbyoung.com" },
              { label: "Phone: +49 231 1234567", href: "tel:+4923112345567" }
            ]
          }
        ]}
        socialLinks={[
          { platform: "facebook", url: "https://facebook.com/bvbyoung" },
          { platform: "instagram", url: "https://instagram.com/bvbyoung" },
          { platform: "twitter", url: "https://twitter.com/bvbyoung" }
        ]}
        copyright="© 2024 BvB Young. All rights reserved."
      />
    </ThemeProvider>
  );
}