"use client";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Users, Trophy, Target, Award, Heart, Facebook, Twitter, Instagram, Youtube } from 'lucide-react';

export default function TeamPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="Family Lovers"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Team", id: "/team" },
            { name: "Players", id: "/players" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix 
          title="Our Championship Team"
          description="Meet the exceptional athletes who define Alabama Basketball excellence. Each player brings unique skills, dedication, and heart to create our unstoppable family unit."
          tag="Team Roster"
          tagIcon={Users}
          members={[
            {
              id: "1",
              name: "Marcus Davis",
              role: "Point Guard & Captain",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-african-american-basketball-player-sportswear-isolated-dark-background_613910-19475.jpg",
              imageAlt: "Marcus Davis"
            },
            {
              id: "2",
              name: "Jordan Wright", 
              role: "Shooting Guard",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-afro-american-sportsman-basketball-player-sportswear-with-ball-dark-background_613910-6537.jpg",
              imageAlt: "Jordan Wright"
            },
            {
              id: "3",
              name: "DeShawn Thompson",
              role: "Small Forward", 
              imageSrc: "https://img.b2bpic.net/free-photo/happy-black-basketball-player-green-white-outfit-holding-vintage-brown-basketball-dynamic-pose-white_346278-1681.jpg",
              imageAlt: "DeShawn Thompson"
            },
            {
              id: "4",
              name: "Brandon Miller",
              role: "Power Forward",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-afro-american-sportsman-basketball-player-sportswear-with-ball-dark-background_613910-6460.jpg",
              imageAlt: "Brandon Miller"
            },
            {
              id: "5",
              name: "Anthony Davis",
              role: "Center",
              imageSrc: "https://img.b2bpic.net/free-photo/full-body-portrait-black-professional-basketball-player-action-basketball-field_613910-7801.jpg",
              imageAlt: "Anthony Davis"
            },
            {
              id: "6",
              name: "Chris Johnson",
              role: "Sixth Man",
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-black-basketball-player-holds-ball-grey-background_613910-8394.jpg",
              imageAlt: "Chris Johnson"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="team-stats" data-section="team-stats">
        <AboutMetric 
          title="Team Excellence by the Numbers"
          metrics={[
            { icon: Trophy, label: "Season Wins", value: "26-4" },
            { icon: Target, label: "Field Goal %", value: "52%" },
            { icon: Award, label: "Conference Rank", value: "#2" },
            { icon: Users, label: "Team Chemistry", value: "100%" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="team-cta" data-section="team-cta">
        <ContactCTA 
          tag="Join Us"
          tagIcon={Heart}
          title="Support Our Team"
          description="Be part of the Alabama Basketball family. From season tickets to community events, there are many ways to show your support and connect with our incredible team."
          buttons={[
            { text: "Get Tickets", href: "/contact" },
            { text: "Team Events" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <FooterCard 
        logoText="Family Lovers"
        copyrightText="© 2025 Alabama Basketball Family Lovers. All rights reserved."
        socialLinks={[
          { icon: Facebook, href: "https://facebook.com/alabamabasketball", ariaLabel: "Facebook" },
          { icon: Twitter, href: "https://twitter.com/alabamahoops", ariaLabel: "Twitter" },
          { icon: Instagram, href: "https://instagram.com/alabamahoops", ariaLabel: "Instagram" },
          { icon: Youtube, href: "https://youtube.com/alabamabasketball", ariaLabel: "YouTube" }
        ]}
      />
    </ThemeProvider>
  );
}