"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, Crown, DollarSign, HelpCircle, MessageSquare, Star, Target, TrendingUp, Trophy, Users, Zap, ArrowRight } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="grid"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Elite Soccer Training"
          bottomLeftText="Transform Your Game"
          bottomRightText="hello@elitesoccertraining.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="ELITE SOCCER"
          description="Master your game with personalized one-on-one coaching. Elevate your skills, build confidence, and reach your peak performance."
          buttons={[
            { text: "Book Your Session", href: "#pricing" },
            { text: "Learn More", href: "#services" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-athlete-sportswear-doing-stretching-exercise-stadium_627829-2168.jpg", imageAlt: "Soccer training action" },
            { imageSrc: "http://img.b2bpic.net/free-photo/soccer-player-action-stadium_1150-14608.jpg", imageAlt: "Professional soccer player" },
            { imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707992.jpg", imageAlt: "Coach developing athlete" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Our Training Services"
          description="Comprehensive individual soccer training programs designed to improve every aspect of your game."
          tag="What We Offer"
          tagIcon={Target}
          features={[
            {
              title: "Dribbling Mastery",              description: "Advanced ball control and close contact drills to enhance your technical ability in tight spaces.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AREZ80oDWyjxxShlWlNnLtITSa/uploaded-1772547681651-k307m6ha.jpg",              imageAlt: "Dribbling training",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Shooting Accuracy",              description: "Precision shooting techniques and goal-scoring strategies to maximize your finishing ability.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AREZ80oDWyjxxShlWlNnLtITSa/uploaded-1772548765712-s41v0n3k.jpg",              imageAlt: "Shooting practice",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Fitness & Conditioning",              description: "Sport-specific conditioning programs to build endurance, speed, and explosive power for 90-minute performance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AREZ80oDWyjxxShlWlNnLtITSa/uploaded-1772548860306-en9sdhma.jpg",              imageAlt: "Fitness training",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Tactical Awareness",              description: "Game intelligence and positioning coaching to develop your understanding of the sport's tactical elements.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AREZ80oDWyjxxShlWlNnLtITSa/uploaded-1772548961185-7y95hk1u.jpg",              imageAlt: "Tactical training",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Proven Results"
          description="Track record of developing exceptional soccer talent through personalized training programs."
          tag="Our Impact"
          tagIcon={Award}
          metrics={[
            { id: "1", icon: Users, title: "Athletes Trained", value: "500+" },
            { id: "2", icon: Trophy, title: "Success Stories", value: "95%" },
            { id: "3", icon: TrendingUp, title: "Skill Improvement", value: "3-5x" },
            { id: "4", icon: Star, title: "Client Satisfaction", value: "4.9/5" }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by soccer players of all levels who've transformed their game through elite coaching"
          cardTag="What Our Athletes Say"
          cardTagIcon={MessageSquare}
          testimonials={[
            { id: "1", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", imageAlt: "Marcus Johnson" },
            { id: "2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/blond-teenager-soccer-player-dressed-blue-uniform-plays-with-ball_613910-1510.jpg", imageAlt: "David Chen" },
            { id: "3", name: "Sofia Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/young-female-soccer-player-standing-field-holding-ball_58466-11598.jpg", imageAlt: "Sofia Rodriguez" },
            { id: "4", name: "Alex Thompson", imageSrc: "http://img.b2bpic.net/free-photo/black-man-holding-ball-looking-camera_23-2148203595.jpg", imageAlt: "Alex Thompson" }
          ]}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Training Plans Built for You"
          description="Flexible pricing options to fit your schedule and training goals. All plans include personalized coaching and performance tracking."
          tag="Pricing"
          tagIcon={DollarSign}
          plans={[
            {
              id: "1",              badge: "Getting Started",              badgeIcon: Zap,
              price: "$50",              subtitle: "Perfect for first-time learners",              features: [
                "Single 60-minute session",                "Individual assessment",                "Basic skill development",                "Training recommendations"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Star,
              price: "$180",              subtitle: "Best for consistent improvement",              features: [
                "4 sessions per month",                "Personalized training plan",                "Performance tracking",                "Video analysis",                "Email coaching support"
              ]
            },
            {
              id: "3",              badge: "Elite Program",              badgeIcon: Crown,
              price: "$350",              subtitle: "For serious athletes",              features: [
                "8 sessions per month",                "Advanced training programs",                "Weekly progress reports",                "Match analysis",                "Priority scheduling",                "24/7 chat support"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about our personalized soccer training programs."
          tag="FAQ"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What age groups do you train?",              content: "We work with players from ages 8 to adult professional level. Each program is customized based on age, skill level, and individual goals. Youth players benefit from foundational skill development, while advanced players focus on competitive optimization."
            },
            {
              id: "2",              title: "How long does it take to see improvement?",              content: "Most players notice measurable improvement within 3-4 sessions. Noticeable skill development typically occurs within 2-3 months of consistent training. Long-term athletic development is an ongoing process, with players continuing to improve significantly over 6-12 months."
            },
            {
              id: "3",              title: "Can I adjust my training plan?",              content: "Yes! Training plans are flexible and can be adjusted based on your progress and goals. We evaluate your development regularly and modify the program to ensure continuous challenge and improvement aligned with your objectives."
            },
            {
              id: "4",              title: "Do you offer field training or indoor?",              content: "We offer both field and indoor training options depending on your preference and availability. Sessions can be conducted on grass fields, artificial turf, or indoor facilities. Location flexibility is available within our service area."
            },
            {
              id: "5",              title: "What if I need to reschedule a session?",              content: "Cancellations can be made up to 48 hours before your scheduled session with no penalty. Rescheduling is flexible and we'll work with you to find an alternative time that fits your schedule."
            },
            {
              id: "6",              title: "Do you work with team players looking for individual development?",              content: "Absolutely! Many of our clients are current team players seeking to improve their individual skills and competitive edge. Our training complements team practice and helps players stand out during competitive matches."
            }
          ]}
          textboxLayout="default"
          faqsAnimation="slide-up"
          useInvertedBackground={true}
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your soccer game? Start your journey to elite performance with personalized one-on-one coaching tailored to your unique goals."
          animationType="entrance-slide"
          buttons={[
            { text: "Schedule Your First Session", href: "#pricing" },
            { text: "Get in Touch", href: "mailto:hello@elitesoccertraining.com" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Services",              items: [
                { label: "Dribbling Training", href: "#services" },
                { label: "Shooting Coaching", href: "#services" },
                { label: "Fitness Programs", href: "#services" },
                { label: "Tactical Training", href: "#services" }
              ]
            },
            {
              title: "Programs",              items: [
                { label: "Getting Started", href: "#pricing" },
                { label: "Standard Plan", href: "#pricing" },
                { label: "Elite Program", href: "#pricing" },
                { label: "Custom Plans", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Elite Soccer Training. All rights reserved."
          bottomRightText="Elevating Soccer Performance"
        />
      </div>
    </ThemeProvider>
  );
}
