"use client";

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

export default function ServicesPage() {
  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="services-intro" data-section="services-intro">
        <TextSplitAbout
          title="Our Services"
          description={[
            "Elite Athletes delivers comprehensive, end-to-end career management designed specifically for the unique needs of female athletes. We handle everything—contracts, endorsements, media strategy, and long-term career planning—so you can focus on what you do best: compete and excel.",
            "Our integrated approach ensures every decision supports your overall career trajectory, not just the next deal. We think in years and decades, not just months.",
          ]}
          buttons={[{ text: "Meet our team", href: "/about" }]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="detailed-services" data-section="detailed-services">
        <FeatureCardTwentyFour
          title="What We Do"
          description="Explore our comprehensive range of services designed to maximize your career potential and market value."
          tag="Service Details"
          tagIcon={Award}
          tagAnimation="slide-up"
          features={[
            {
              id: "contract-negotiation",
              title: "Contract Negotiation & Legal Strategy",
              author: "Expert Legal Counsel",
              description:
                "We secure optimal terms for professional contracts, ensuring fair compensation, performance bonuses, incentive clauses, and comprehensive career protections. Our legal team reviews every detail to maximize long-term value and protects your interests at every stage.",
              tags: ["Contracts", "Legal", "Protection"],
              imageSrc:
                "http://img.b2bpic.net/free-photo/legal-experts-reviewing-customer-documents_74855-2031.jpg",
              imageAlt: "Legal contract negotiation",
            },
            {
              id: "endorsement-deals",
              title: "Endorsement & Brand Partnerships",
              author: "Brand Strategy Team",
              description:
                "We connect athletes with premium brands for authentic endorsement opportunities that align with your values and image. From athletic sponsors to lifestyle partnerships, we build sustainable revenue streams and manage brand relationships throughout the partnership lifecycle.",
              tags: ["Sponsorship", "Branding", "Revenue"],
              imageSrc:
                "http://img.b2bpic.net/free-photo/team-empowered-businesswomen-corporate-meeting-making-deal_482257-124008.jpg",
              imageAlt: "Brand endorsement collaboration",
            },
            {
              id: "career-management",
              title: "Career Strategy & Development Planning",
              author: "Strategic Planning",
              description:
                "Long-term career planning that goes beyond immediate opportunities. We map athlete trajectories, identify emerging markets and opportunities, and position clients for success whether continuing competition or transitioning to new opportunities in media, coaching, or business.",
              tags: ["Strategy", "Growth", "Planning"],
              imageSrc:
                "http://img.b2bpic.net/free-photo/group-business-associates-meeting-boardroom-align-performance-goals-with-project-indicators_482257-133437.jpg",
              imageAlt: "Career development planning",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

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