"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import CustomNavbar from "@/components/navbar/CustomNavbar";
import SquadShowcase from "@/components/product/SquadShowcase";
import PlayerTestimonials from "@/components/testimonial/PlayerTestimonials";
import FooterSection from "@/components/footer/FooterSection";

export default function PlayersPage() {
  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="squad" data-section="squad" className="mx-auto px-4 md:px-6 py-16 md:py-24">
        <SquadShowcase
          title="Our Talented Squad"
          description="Meet the exceptional young athletes who represent the future of football. Each player brings unique skills, dedication, and passion to our academy."
          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
            },
            {
              id: "5",
              name: "Finn Müller",
              position: "Midfielder",
              number: "10",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-blonde-girl-running-through-cones_23-2148355370.jpg",
              rating: 5
            },
            {
              id: "6",
              name: "Lukas Schmidt",
              position: "Forward",
              number: "11",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-stretching-leg-field-full-shot_23-2148930217.jpg",
              rating: 4
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
        <PlayerTestimonials
          title="Player Experiences"
          description="Hear directly from our academy members about their journey with 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>

      <div id="development" data-section="development" className="mx-auto px-4 md:px-6 py-16 md:py-24">
        <div className="max-w-4xl mx-auto text-center">
          <h2 className="text-3xl md:text-4xl lg:text-5xl font-medium mb-6">Player Development Program</h2>
          <p className="text-lg md:text-xl text-foreground/80 mb-12">
            Our comprehensive development approach ensures every player reaches their maximum potential through structured training phases.
          </p>
          <div className="grid md:grid-cols-2 gap-8">
            <div className="p-6 rounded-lg bg-card/50 text-left">
              <h3 className="text-xl font-semibold mb-4">Technical Skills</h3>
              <p className="text-foreground/70">Individual ball control, passing accuracy, shooting technique, and position-specific skills development.</p>
            </div>
            <div className="p-6 rounded-lg bg-card/50 text-left">
              <h3 className="text-xl font-semibold mb-4">Tactical Understanding</h3>
              <p className="text-foreground/70">Game intelligence, positioning, decision-making, and understanding of modern football systems.</p>
            </div>
          </div>
        </div>
      </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>
  );
}