"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, Star, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="blurBottom"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Elite Track"
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Programs", id: "programs" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book a Tour",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Elite Track Indoor"
          description="State-of-the-art indoor track facility designed for champions. World-class equipment, professional coaching, and a community dedicated to athletic excellence."
          buttons={[
            { text: "Book a Tour", href: "#contact" },
            { text: "View Programs", href: "#programs" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/full-shot-fit-women-running-together_23-2149386048.jpg"
          imageAlt="Elite Track indoor facility"
          mediaAnimation="blur-reveal"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Premium Indoor Track Experience"
          description="Our facility combines cutting-edge technology with professional-grade infrastructure to support athletes at every level. From youth development programs to elite competitive training, Elite Track provides the perfect environment for growth and achievement."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/full-lenght-photo-young-african-sports-man-standing-with-crossed-hands_171337-9491.jpg"
          imageAlt="Elite Track facility overview"
          buttons={[
            { text: "Learn More", href: "#features" }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="World-Class Track Features"
          description="Discover what sets Elite Track apart from the competition"
          tag="Facility Features"
          tagIcon={Zap}
          features={[
            {
              id: 1,
              title: "Professional-Grade Surface",              description: "Engineered 200-meter running track with premium cushioning technology designed to reduce impact and enhance performance for sprints, distance runs, and long jumps.",              imageSrc: "https://img.b2bpic.net/free-photo/fit-women-running-starting-line-full-shot_23-2149386041.jpg",              imageAlt: "Professional track surface"
            },
            {
              id: 2,
              title: "Complete Training Facilities",              description: "High jump, long jump, triple jump pits, pole vault runways, and dedicated strength training areas equipped with modern athletic equipment.",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-fit-women-running-gym_23-2149386042.jpg",              imageAlt: "Comprehensive training setup"
            },
            {
              id: 3,
              title: "Expert Coaching Staff",              description: "Certified coaches with experience training competitive athletes. Personalized coaching programs tailored to your goals and experience level.",              imageSrc: "https://img.b2bpic.net/free-photo/full-lenght-photo-young-african-sports-man-standing-with-crossed-hands_171337-9491.jpg",              imageAlt: "Professional coaching"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="programs" data-section="programs">
        <ProductCardOne
          title="Programs & Memberships"
          description="Flexible membership options for athletes of all ages and skill levels"
          tag="Training Programs"
          tagIcon={Award}
          products={[
            {
              id: "youth-development",              name: "Youth Development Program",              price: "$99/month",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-fit-women-running-gym_23-2149386042.jpg",              imageAlt: "Youth training program"
            },
            {
              id: "competitive-training",              name: "Competitive Track Team",              price: "$149/month",              imageSrc: "https://img.b2bpic.net/free-photo/full-lenght-photo-young-african-sports-man-standing-with-crossed-hands_171337-9491.jpg",              imageAlt: "Competitive training"
            },
            {
              id: "elite-coaching",              name: "Elite Private Coaching",              price: "$199/month",              imageSrc: "https://img.b2bpic.net/free-photo/fit-women-running-starting-line-full-shot_23-2149386041.jpg",              imageAlt: "Elite coaching sessions"
            },
            {
              id: "community-membership",              name: "Community Fitness Pass",              price: "$59/month",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-fit-women-running-together_23-2149386048.jpg",              imageAlt: "Community membership access"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By The Numbers"
          description="The impact of Elite Track on the community"
          tag="Performance Metrics"
          tagIcon={TrendingUp}
          metrics={[
            { id: "1", value: "500+", description: "Active Members" },
            { id: "2", value: "50+", description: "State Records Set" },
            { id: "3", value: "25", description: "Professional Coaches" },
            { id: "4", value: "15+", description: "Years Experience" }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Athletes Say"
          description="Hear from the athletes and coaches who train at Elite Track"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          animationType="blur-reveal"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              handle: "@marcusspeed",              testimonial: "Elite Track transformed my sprinting performance. The facility, coaching, and community are unmatched. Shaved 0.3 seconds off my 200m time in just 6 months!",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",              name: "Coach Patricia Lee",              handle: "@coachleetrain",              testimonial: "The best-equipped facility I've worked with. My athletes have access to everything they need to excel. Highly recommend for serious competitors.",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-darkskinned-browneyed-brunette-longsleeved-tshirt-looks-into-camera-runs-upstairs-outdoors_197531-28721.jpg",              imageAlt: "Coach Patricia Lee"
            },
            {
              id: "3",              name: "Sarah Mitchell",              handle: "@sarahrunsfaster",              testimonial: "Coming here has been a game-changer for my distance training. The track quality is exceptional and the coaching staff genuinely cares about development.",              imageSrc: "https://img.b2bpic.net/free-photo/young-confident-african-american-sportsman-workout-city-stadium_574295-3119.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "4",              name: "James Chen",              handle: "@jumpingjames",              testimonial: "As a long jumper, this facility has everything I need. The pit conditions are perfect and the coaching feedback is invaluable.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-athlete-holding-hands-hips-posing_651396-1463.jpg",              imageAlt: "James Chen"
            },
            {
              id: "5",              name: "Alicia Rodriguez",              handle: "@aliciathlete",              testimonial: "The community at Elite Track is welcoming and supportive. Whether you're elite or just starting out, you belong here.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",              imageAlt: "Alicia Rodriguez"
            },
            {
              id: "6",              name: "David Okafor",              handle: "@davidtrackstar",              testimonial: "Best investment I've made in my athletic career. The facility, coaching, and competitive environment push me to new heights.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg",              imageAlt: "David Okafor"
            }
          ]}
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about Elite Track membership, programs, and facilities."
          textPosition="left"
          useInvertedBackground={true}
          faqs={[
            {
              id: "1",              title: "What programs do you offer?",              content: "We offer youth development programs, competitive track teams, elite private coaching, and community fitness passes. All programs include access to our state-of-the-art facilities."
            },
            {
              id: "2",              title: "Do I need experience to join?",              content: "No! Our programs serve athletes of all skill levels, from complete beginners to elite competitors. We have coaching staff to help you progress at your own pace."
            },
            {
              id: "3",              title: "What is your cancellation policy?",              content: "Monthly memberships can be cancelled with 30 days notice. No long-term contracts required. We want you here because you want to be!"
            },
            {
              id: "4",              title: "Are day passes available?",              content: "Yes! Drop-in day passes are available for $20. Perfect for trying us out or for visiting athletes who are in town."
            },
            {
              id: "5",              title: "What hours are you open?",              content: "We're open Monday-Friday 6am-10pm, Saturday 8am-8pm, and Sunday 9am-6pm. Extended hours available during competitive seasons."
            },
            {
              id: "6",              title: "Do you offer personal training?",              content: "Absolutely! Our elite private coaching program includes personalized training plans, technique analysis, and competitive preparation for serious athletes."
            }
          ]}
          faqsAnimation="slide-up"
          animationType="smooth"
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Reach Your Potential?"
          description="Join Elite Track today and become part of a championship community. Sign up for membership information, schedule a facility tour, or ask any questions."
          tagIcon={Zap}
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={false}
          buttonText="Get Started"
          inputPlaceholder="your@email.com"
          termsText="We'll send you membership details and program information. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Elite Track"
          copyrightText="© 2025 Elite Track Indoor Facility. All rights reserved."
          columns={[
            {
              title: "Programs",              items: [
                { label: "Youth Development", href: "#programs" },
                { label: "Competitive Teams", href: "#programs" },
                { label: "Elite Coaching", href: "#programs" },
                { label: "Community Fitness", href: "#programs" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Facility", href: "#about" },
                { label: "Track Features", href: "#features" },
                { label: "Coaching Staff", href: "#features" },
                { label: "Book a Tour", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact Us", href: "#contact" },
                { label: "Privacy Policy", href: "https://example.com/privacy" },
                { label: "Terms of Service", href: "https://example.com/terms" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}