"use client";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Trophy, Users, Award, Calendar, Heart, Facebook, Twitter, Instagram, Youtube } from 'lucide-react';

export default function AboutPage() {
  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="about-heritage" data-section="about-heritage">
        <AboutMetric 
          title="Our Alabama Basketball Heritage: Eight Decades of Championship Excellence and Community Impact"
          metrics={[
            { icon: Trophy, label: "NCAA Appearances", value: "45+" },
            { icon: Users, label: "Alumni Network", value: "5000+" },
            { icon: Award, label: "Conference Titles", value: "15+" },
            { icon: Calendar, label: "Founded", value: "1943" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="community-impact" data-section="community-impact">
        <TestimonialCardSix 
          title="Community Impact Stories"
          description="How Alabama Basketball creates lasting change in our community"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Dr. Patricia Williams",
              handle: "University Chancellor",
              testimonial: "Alabama Basketball represents the best of our university values: excellence, integrity, and community service. Our program builds leaders both on and off the court.",
              imageSrc: "https://img.b2bpic.net/free-photo/full-length-portrait-happy-cheerful-muscular-black-athlete-holding-old-leather-basketball-wearing-green-white-sportswear-against-white-wall-wooden-floor_346278-1678.jpg",
              imageAlt: "Dr. Patricia Williams"
            },
            {
              id: "2",
              name: "Coach Michael Thompson",
              handle: "Head Coach", 
              testimonial: "For over two decades, I've watched Alabama Basketball transform young men into champions and leaders. This program changes lives and strengthens communities.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-african-american-basketball-player-sportswear-isolated-dark-background_613910-19489.jpg",
              imageAlt: "Coach Michael Thompson"
            },
            {
              id: "3",
              name: "Maria Rodriguez",
              handle: "Community Outreach Director",
              testimonial: "Through our youth programs and community initiatives, Alabama Basketball touches thousands of lives every year. We're building tomorrow's leaders today.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-bearded-black-man-holds-basket-ball_613910-8519.jpg",
              imageAlt: "Maria Rodriguez"
            },
            {
              id: "4", 
              name: "James Washington",
              handle: "Alumni Association President",
              testimonial: "Alabama Basketball created a network that extends far beyond sports. Our alumni are leaders in business, education, and community service worldwide.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-afro-american-sportsman-basketball-player-sportswear-with-ball-dark-background_613910-6480.jpg",
              imageAlt: "James Washington"
            },
            {
              id: "5",
              name: "Rebecca Foster",
              handle: "Academic Support Coordinator",
              testimonial: "Our student-athletes maintain a 3.2 GPA average while competing at the highest level. Alabama Basketball proves that excellence knows no boundaries.",
              imageSrc: "https://img.b2bpic.net/free-photo/full-body-portrait-black-professional-basketball-player-action-basketball-field_613910-7801.jpg",
              imageAlt: "Rebecca Foster"
            },
            {
              id: "6",
              name: "Coach David Martinez", 
              handle: "Youth Development Coach",
              testimonial: "Every summer, our camps reach over 1,000 young athletes. We're not just teaching basketball—we're teaching life skills, confidence, and dreams.",
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-black-basketball-player-holds-ball-grey-background_613910-8394.jpg",
              imageAlt: "Coach David Martinez"
            }
          ]}
          speed={45}
        />
      </div>

      <div id="about-cta" data-section="about-cta">
        <ContactCTA 
          tag="Our Legacy"
          tagIcon={Heart}
          title="Be Part of Our Story"
          description="Alabama Basketball's legacy continues with every new fan, every young athlete inspired, and every community member who believes in our mission. Join us in writing the next chapter."
          buttons={[
            { text: "Join Our Community", href: "/contact" },
            { text: "Our History" }
          ]}
          background={{ variant: "cell-wave" }}
          useInvertedBackground={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>
  );
}