"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function TeamPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Corner"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Team", id: "/team" },
            { name: "News", id: "/news" },
            { name: "Schedule", id: "/schedule" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="team-hero" data-section="team-hero">
        <HeroBillboardScroll
          title="Meet the Corner Team"
          description="Our talented young players, passionate coaches, and supportive community make Corner special. Get to know the faces behind the team."
          tag="Team Roster"
          background={{ variant: "aurora" }}
          imageSrc="https://img.b2bpic.net/free-photo/full-shot-kids-gathering-field_23-2149270930.jpg"
          imageAlt="Corner team roster"
        />
      </div>

      <div id="players" data-section="players">
        <FeatureCardOne
          features={[
            {
              title: "Lucas Thompson",
              description: "Midfielder with exceptional ball control and vision. Lucas has been with Corner for 3 years and consistently demonstrates leadership on the pitch.",
              imageSrc: "https://img.b2bpic.net/free-photo/cute-little-boy-posing-with-basketball_23-2148796768.jpg",
              imageAlt: "Lucas Thompson"
            },
            {
              title: "Emma Anderson",
              description: "Forward with incredible speed and finishing ability. Emma joined Corner last season and quickly became one of our top scorers.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-kid-enjoying-his-gym-class_23-2149070781.jpg",
              imageAlt: "Emma Anderson"
            },
            {
              title: "Noah Martinez",
              description: "Defender known for his tactical awareness and strong tackles. Noah's dedication to training has made him a cornerstone of our defense.",
              imageSrc: "https://img.b2bpic.net/free-photo/strong-little-girl-posing-outdoors-showing-their-muscles_169016-41482.jpg",
              imageAlt: "Noah Martinez"
            },
            {
              title: "Sophie Williams",
              description: "Goalkeeper with lightning-fast reflexes and excellent communication skills. Sophie's positive attitude motivates the entire team.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-kid-enjoying-her-gym-class_23-2149070777.jpg",
              imageAlt: "Sophie Williams"
            }
          ]}
          title="Our Young Champions"
          description="Meet the talented players who make Corner special"
          tag="Player Roster"
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="coaches" data-section="coaches">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",
              title: "Coach with 15 years experience",
              quote: "I've been coaching youth football for over 15 years, and what I love most about Corner is how we focus on developing not just skilled players, but confident, respectful young people.",
              name: "James Wilson",
              role: "Head Coach",
              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708036.jpg",
              imageAlt: "James Wilson"
            },
            {
              id: "2",
              title: "Building character through sport",
              quote: "Football teaches life lessons that extend far beyond the pitch. At Corner, we emphasize teamwork, perseverance, and sportsmanship in everything we do.",
              name: "Maria Santos",
              role: "Assistant Coach & Skills Development",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-boy-outside_23-2149018911.jpg",
              imageAlt: "Maria Santos"
            }
          ]}
          title="Meet Our Coaches"
          description="Dedicated professionals committed to youth development"
          tag="Coaching Staff"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBase
        logoText="Corner"
        copyrightText="© 2025 Corner Youth Football. All rights reserved."
        columns={[
          {
            title: "Pages",
            items: [
              { label: "Home", href: "/" },
              { label: "Team", href: "/team" },
              { label: "News", href: "/news" }
            ]
          },
          {
            title: "Programs",
            items: [
              { label: "U8-U10", href: "/team" },
              { label: "U12-U14", href: "/team" },
              { label: "Schedule", href: "/schedule" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Contact", href: "/contact" },
              { label: "FAQ", href: "/schedule" },
              { label: "Privacy", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}