"use client";

import { Award, Instagram, Linkedin, Star, Target, TrendingUp, Twitter, Users, Youtube, Zap } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TextAbout from '@/components/sections/about/TextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Training", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Elite Basketball Training"
          bottomLeftText="Personalized Coaching Excellence"
          bottomRightText="info@elitebasketballtraining.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Elevate Your Game to Elite Status"
          description="Transform your skills through personalized coaching designed for serious basketball players seeking championship-level performance"
          tag="Professional Basketball Training"
          tagIcon={Zap}
          background={{ variant: "sparkles-gradient" }}
          kpis={[
            { value: "500+", label: "Players Trained" },
            { value: "15+", label: "Years Experience" },
            { value: "95%", label: "Success Rate" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/black-professional-basketball-player-sits-floor-game-hall_613910-7749.jpg"
          imageAlt="Elite basketball training in action"
          imagePosition="right"
          enableKpiAnimation={true}
          buttons={[
            { text: "Start Training Today", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Why Choose Elite Training"
          tagIcon={Award}
          title="Discover personalized basketball coaching designed to unlock your full potential and take your game to the next level"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Training Programs", href: "features" },
            { text: "Schedule a Consultation", href: "contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Proven Results in Elite Basketball Training"
          description="Track record of developing professional-ready athletes through data-driven coaching methods"
          tag="Performance Metrics"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "500+",              title: "Players Trained",              description: "From beginners to college-level athletes transformed through elite coaching",              icon: Users
            },
            {
              id: "2",              value: "85%",              title: "College Placement",              description: "Players successfully recruited to college basketball programs",              icon: Award
            },
            {
              id: "3",              value: "3-6",              title: "Months to Visible",              description: "Improvement Average time to see significant performance gains",              icon: Zap
            },
            {
              id: "4",              value: "15+",              title: "Years Excellence",              description: "Dedicated coaching experience at elite level",              icon: Star
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Case Studies", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Comprehensive Training Methodology"
          description="A structured approach to basketball skill development focusing on fundamentals, game intelligence, and athletic performance"
          tag="Training Programs"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Skill Fundamentals",              description: "Master ball handling, shooting mechanics, footwork, and defensive positioning through progressive drills and personalized feedback",              imageSrc: "https://img.b2bpic.net/free-photo/basketball-players-big-professional-arena-game_654080-411.jpg"
            },
            {
              id: 2,
              title: "Game Intelligence",              description: "Develop court vision, decision-making, and situational awareness through film study and game-scenario training",              imageSrc: "https://img.b2bpic.net/free-photo/young-black-man-doing-sports-playing-basketball-sunrise-active-lifestyle-summer-morning_285396-1479.jpg"
            },
            {
              id: 3,
              title: "Athletic Performance",              description: "Build strength, explosiveness, speed, and conditioning through sport-specific training programs designed for basketball",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-doing-sports-playing-basketball-sunrise_285396-9725.jpg"
            },
            {
              id: 4,
              title: "Competition Preparation",              description: "Game-ready training that prepares you for high-pressure situations with advanced tactical strategies and mental toughness",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-doing-sports-playing-basketball-sunrise_285396-9724.jpg"
            }
          ]}
          buttons={[
            { text: "Explore All Programs", href: "contact" }
          ]}
        />
      </div>

      <div id="interactive-features" data-section="interactive-features">
        <FeatureBento
          title="Advanced Training Tools & Resources"
          description="Leverage cutting-edge coaching technology and data analytics to optimize your basketball performance"
          tag="Interactive Features"
          tagIcon={Zap}
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Performance Analytics",              description: "Real-time data tracking of shooting percentage, court coverage, and game statistics",              bentoComponent: "animated-bar-chart"
            },
            {
              title: "Training Integration",              description: "Connect with popular fitness and coaching apps for seamless tracking",              bentoComponent: "orbiting-icons",              centerIcon: Target,
              items: [
                { icon: Zap, ring: 1, duration: 10 },
                { icon: Award, ring: 2, duration: 15 },
                { icon: TrendingUp, ring: 3, duration: 20 }
              ]
            },
            {
              title: "Global Reach",              description: "Connect with basketball players and trainers worldwide",              bentoComponent: "globe"
            },
            {
              title: "Team Statistics",              description: "Track team performance metrics and individual player development",              bentoComponent: "3d-stack-cards",              items: [
                {
                  icon: Users,
                  title: "Team Performance",                  subtitle: "Overall Stats",                  detail: "Aggregate team metrics and trends"
                },
                {
                  icon: TrendingUp,
                  title: "Individual Growth",                  subtitle: "Player Progress",                  detail: "Track personal development milestones"
                },
                {
                  icon: Award,
                  title: "Achievements",                  subtitle: "Success Milestones",                  detail: "Celebrate player accomplishments"
                }
              ]
            }
          ]}
          buttons={[
            { text: "Request Demo Access", href: "contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Elite Basketball Training completely transformed my game. The personalized coaching and detailed feedback helped me improve my shooting accuracy by 40% in just four months. I'm now playing at the college level and it's all thanks to this program."
          rating={5}
          author="Marcus Johnson, College Basketball Player"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/authentic-scenes-plus-size-males-playing-basketball_23-2150961244.jpg", alt: "Marcus Johnson" },
            { src: "https://img.b2bpic.net/free-photo/smiling-dark-skinned-guy-dressed-black-hoodie-sports-shorts-holds-basketball-while-standing-footway-bridge_613910-6568.jpg", alt: "Sarah Chen" },
            { src: "https://img.b2bpic.net/free-photo/young-basketball-players-playing-one-one_58466-11490.jpg", alt: "David Williams" },
            { src: "https://img.b2bpic.net/free-photo/man-offering-ball-medium-shot_23-2148264727.jpg", alt: "Alex Rivera" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          tagIcon={Zap}
          title="Ready to Transform Your Game?"
          description="Join hundreds of athletes who have achieved their basketball goals through elite personalized coaching. Schedule your consultation today."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/tall-man-taking-break-from-basketball_23-2149181897.jpg"
          imageAlt="Basketball training coaching session"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Schedule Now"
          termsText="By scheduling, you agree to receive updates about our training programs. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Elite Basketball Training"
          copyrightText="© 2025 Elite Basketball Training. All rights reserved. Elevating athletes since 2010."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/elitebasketballtraining", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com/eliteballtrain", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/elitebasketballtraining", ariaLabel: "LinkedIn" },
            { icon: Youtube, href: "https://youtube.com/@elitebasketballtraining", ariaLabel: "YouTube" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}