"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 FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { HelpCircle } from "lucide-react";

export default function ContactPage() {
  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="contact-intro" data-section="contact-intro">
        <TextSplitAbout
          title="Get in Touch"
          description={[
            "Ready to elevate your athletic career? Contact Elite Athletes to discuss representation, contract negotiation, or career strategy. Our team is committed to understanding your goals and showing you how we can help you succeed.",
            "Whether you're a college athlete seeking professional representation, a professional looking for career guidance, or interested in learning more about our services—we'd love to hear from you. Let's start a conversation about your future.",
          ]}
          buttons={[{ text: "Schedule a consultation", href: "#" }]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Answers to frequently asked questions about working with Elite Athletes and our representation process."
          tag="FAQs"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "faq-1",
              title: "How do I request representation?",
              content:
                "Contact us directly with your athletic background, achievements, and career aspirations. Send us your athletic profile, competition records, and any relevant media. Our team will review your information and schedule a consultation if we believe there's a strong fit.",
            },
            {
              id: "faq-2",
              title: "What's the timeline for becoming an Elite Athletes client?",
              content:
                "After initial consultation, our team typically takes 1-2 weeks to review your profile and market potential. If we proceed, we'll draft a representation agreement and discuss terms. Most athletes are represented within 3-4 weeks from initial contact.",
            },
            {
              id: "faq-3",
              title: "Do you only represent professional athletes?",
              content:
                "We primarily focus on college athletes with professional potential and professional-level competitors. We evaluate based on athletic excellence, market demand, and potential for career growth. Contact us to discuss your specific situation.",
            },
            {
              id: "faq-4",
              title: "What's the first step after being represented?",
              content:
                "Upon signing, we conduct a comprehensive career assessment, identify immediate opportunities, and develop a strategic 3-5 year plan. This includes contract review, market positioning, brand strategy, and sponsorship development tailored to your unique profile.",
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/happy-women-hugging-outside_23-2148634693.jpg"
          imageAlt="Female athletes team"
          mediaAnimation="slide-up"
          mediaPosition="right"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

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