"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Users } from "lucide-react";

export default function AthletesPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
    { name: "Services", id: "/services" },
    { name: "Athletes", id: "/athletes" },
    { name: "Contact", id: "/contact" },
  ];

  const footerColumns = [
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Our Team", href: "/about" },
        { label: "Careers", href: "#" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      title: "Services",
      items: [
        { label: "Contract Negotiation", href: "/services" },
        { label: "Endorsements", href: "/services" },
        { label: "Career Strategy", href: "/services" },
        { label: "Media Relations", href: "/services" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Disclaimer", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{ text: "Meet our athletes", href: "/athletes" }}
          brandName="Elite Athletes"
        />
      </div>

      <div id="athletes-intro" data-section="athletes-intro">
        <TextSplitAbout
          title="Our Elite Roster"
          description={[
            "Elite Athletes represents the most talented female athletes competing at the highest levels of sport. Our roster spans multiple disciplines—from basketball and soccer to track and field, tennis, volleyball, and gymnastics.",
            "These athletes represent the pinnacle of dedication, skill, and determination. They're not just champions in their respective sports; they're trailblazers building the future of women's athletics.",
          ]}
          buttons={[{ text: "Interested in representation?", href: "/contact" }]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="athletes-featured" data-section="athletes-featured">
        <ProductCardTwo
          title="Meet Our Champions"
          description="Elite women athletes across multiple sports, each excelling at the highest levels of professional and college athletics."
          tag="Our Roster"
          tagIcon={Users}
          tagAnimation="slide-up"
          products={[
            {
              id: "athlete-1",
              brand: "Basketball",
              name: "Madison Rivers",
              price: "WNBA Champion",
              rating: 5,
              reviewCount: "Multi-Sport",
              imageSrc:
                "http://img.b2bpic.net/free-photo/front-view-girl-with-basketball-ball_23-2148459545.jpg",
              imageAlt: "Madison Rivers basketball player",
            },
            {
              id: "athlete-2",
              brand: "Soccer",
              name: "Sofia Mendez",
              price: "International Star",
              rating: 5,
              reviewCount: "World Cup",
              imageSrc:
                "http://img.b2bpic.net/free-photo/medium-shot-woman-goalkeeper_23-2148930258.jpg",
              imageAlt: "Sofia Mendez soccer player",
            },
            {
              id: "athlete-3",
              brand: "Track & Field",
              name: "Zara Thompson",
              price: "Olympic Medalist",
              rating: 5,
              reviewCount: "Record Holder",
              imageSrc:
                "http://img.b2bpic.net/free-photo/attractive-fitness-girl-stylish-sportswear-with-skipping-rope-neck-dreamily-tranining-city-stadium_574295-4982.jpg",
              imageAlt: "Zara Thompson track athlete",
            },
            {
              id: "athlete-4",
              brand: "Tennis",
              name: "Olivia Chen",
              price: "Rising Star",
              rating: 5,
              reviewCount: "Top 20",
              imageSrc:
                "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-playing-tennis-outdoor_72229-360.jpg",
              imageAlt: "Olivia Chen tennis player",
            },
            {
              id: "athlete-5",
              brand: "Volleyball",
              name: "Emma Johnson",
              price: "Professional League",
              rating: 5,
              reviewCount: "Champion",
              imageSrc:
                "http://img.b2bpic.net/free-photo/female-athlete-competing-paralympic-games_23-2151586516.jpg",
              imageAlt: "Emma Johnson volleyball player",
            },
            {
              id: "athlete-6",
              brand: "Gymnastics",
              name: "Isabella Russo",
              price: "Elite Competitor",
              rating: 5,
              reviewCount: "Decorated",
              imageSrc:
                "http://img.b2bpic.net/free-photo/forward-bending-squat-exercise_1163-1241.jpg",
              imageAlt: "Isabella Russo gymnast",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="© 2025 Elite Athletes | Women's Sports Agency. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}