"use client";

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

export default function AboutPage() {
  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="about-detail" data-section="about-detail">
        <TextSplitAbout
          title="Our Mission"
          description={[
            "Elite Athletes exists to champion the careers of the world's most talented female athletes. We believe women's sports deserve the same level of professional representation, investment, and opportunity as any other sector. Our mission is to close the representation gap and ensure every elite female athlete has access to world-class career management.",
            "We're committed to advancing not just individual careers, but the entire landscape of women's sports. By building stronger athletes, we're building stronger communities, inspiring future generations, and creating lasting change in sports and beyond.",
          ]}
          buttons={[{ text: "Get in touch", href: "/contact" }]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="team-testimonials" data-section="team-testimonials">
        <TestimonialCardTwo
          title="Meet Our Team"
          description="Expert professionals dedicated to elevating female athletes' careers with integrity, strategy, and passion for women's sports."
          tag="Leadership"
          tagIcon={Award}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "team-1",
              name: "Sarah Mitchell",
              role: "Founder & CEO",
              testimonial:
                "Founded Elite Athletes with a vision to transform representation in women's sports. 15+ years of experience in athlete management and sports law.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",
              imageAlt: "Sarah Mitchell CEO",
            },
            {
              id: "team-2",
              name: "Jessica Liu",
              role: "Director of Contract Negotiation",
              testimonial:
                "Specializes in securing premium contracts and maximizing long-term value for our athletes. Former sports attorney with expertise in professional sports agreements.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",
              imageAlt: "Jessica Liu",
            },
            {
              id: "team-3",
              name: "Marcus Johnson",
              role: "Head of Brand & Partnerships",
              testimonial:
                "Connects elite athletes with premium brands and endorsement opportunities. 12 years of experience in sports marketing and partnership development.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",
              imageAlt: "Marcus Johnson",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="values" data-section="values">
        <TextSplitAbout
          title="Our Core Values"
          description={[
            "Integrity: We operate with transparency and honesty in every negotiation and decision. Our athletes know we're always advocating for their best interests.",
            "Excellence: We demand the highest standards in everything we do—from contract terms to brand partnerships to career guidance. Our athletes deserve nothing less than exceptional representation.",
          ]}
          buttons={[{ text: "Explore our services", href: "/services" }]}
          buttonAnimation="slide-up"
          showBorder={false}
          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>
  );
}