"use client";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Mail, Phone, Award, Facebook, Twitter, Instagram, Youtube } from 'lucide-react';

export default function ContactPage() {
  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="main-contact" data-section="main-contact">
        <ContactCTA 
          tag="Get In Touch"
          tagIcon={Mail}
          title="Connect with Alabama Basketball Family"
          description="Whether you're interested in season tickets, community programs, player information, or joining our fan community, we'd love to hear from you. Let's celebrate the crimson legacy together."
          buttons={[
            { text: "Send Message" },
            { text: "Call Us", href: "tel:+1234567890" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="support-options" data-section="support-options">
        <ContactCTA 
          tag="Support Options"
          tagIcon={Phone}
          title="Multiple Ways to Connect"
          description="From season tickets and merchandise to youth camp registrations and community events, we offer numerous ways to engage with Alabama Basketball. Choose what works best for you and become part of our family."
          buttons={[
            { text: "Season Tickets" },
            { text: "Youth Programs" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="contact-partners" data-section="contact-partners">
        <SocialProofOne 
          title="Partnering Organizations"
          description="Connect with Alabama Basketball through our trusted partners and affiliates"
          tag="Partners"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Alabama Athletics", "SEC Conference", "Nike Basketball", "ESPN Sports", "Turner Broadcasting", "University of Alabama", "Crimson Foundation"]}
          speed={35}
          showCard={true}
        />
      </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>
  );
}