"use client";

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';
import { Award, Brain, Calendar, Clock, Facebook, Heart, Instagram, Lightbulb, Linkedin, Mail, Sun, Trophy, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLarge"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="Elite Swimming Coach"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "features" },
            { name: "Coaching", id: "bento" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Elite Swimming Academy"
          bottomRightText="coach@eliteswimming.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Olympic-Level Swimming Coaching"
          description="Transform your technique and achieve peak performance with personalized 1-on-1 coaching from an elite swimming coach with Olympic experience. Master the fundamentals, break through plateaus, and unlock your full potential in the water."
          tag="Professional Coaching"
          tagIcon={Award}
          background={{ variant: "plain" }}
          kpis={[
            { value: "20+", label: "Years Experience" },
            { value: "500+", label: "Athletes Trained" },
            { value: "15+", label: "Competition Records" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games-championship_23-2151460420.jpg"
          imageAlt="Olympic swimmer in action"
          imagePosition="right"
          buttons={[
            { text: "Book First Session", href: "#contact" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TextAbout
          tag="About Your Coach"
          title="Dedicated to Bringing Out Your Best in Every Stroke"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Credentials", href: "#metrics" },
            { text: "Get Started", href: "#contact" }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Proven Track Record"
          description="Exceptional results in competitive swimming development and athlete transformation"
          tag="Achievements"
          tagIcon={Trophy}
          metrics={[
            {
              id: "1",              value: "20+",              title: "Years",              description: "Elite coaching experience and mentorship",              icon: Calendar
            },
            {
              id: "2",              value: "500+",              title: "Athletes",              description: "Successfully trained and coached swimmers",              icon: Users
            },
            {
              id: "3",              value: "150+",              title: "Records",              description: "Personal bests and competition achievements",              icon: TrendingUp
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Comprehensive Coaching Services"
          description="Personalized training programs designed for your specific goals and swimming level"
          tag="What We Offer"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Technique Refinement",              description: "Develop proper stroke mechanics with detailed analysis and real-time feedback. Perfect your form in all four competitive strokes for maximum efficiency and speed.",              imageSrc: "https://img.b2bpic.net/free-photo/rear-view-man-preparing-swimming-goggles_171337-7585.jpg",              imageAlt: "Swimming technique coaching session"
            },
            {
              id: 2,
              title: "Performance Training",              description: "Build strength, endurance, and speed through customized workout programs. Train at the intensity level that challenges you and drives measurable improvements.",              imageSrc: "https://img.b2bpic.net/free-photo/two-schoolgirl-water-polo-players-listening-teacher-poolside-have-fun-play-splash-blue-swimming-pool_1157-50615.jpg",              imageAlt: "Coach demonstrating training methods"
            },
            {
              id: 3,
              title: "Race Preparation",              description: "Get ready for competition with strategic race plans and mental conditioning. Learn pacing strategies and competition psychology to perform your best when it matters.",              imageSrc: "https://img.b2bpic.net/free-photo/athlete-holding-gold-medal-closeup_23-2148990940.jpg",              imageAlt: "Olympic medals representing achievement"
            }
          ]}
        />
      </div>
      
      <div id="bento" data-section="bento">
        <FeatureBento
          title="Advanced Training Methods"
          description="Cutting-edge techniques and proven coaching methodologies for competitive swimmers"
          tag="Coaching Philosophy"
          tagIcon={Lightbulb}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
          features={[
            {
              title: "Video Analysis",              description: "Advanced stroke analysis using video technology to identify areas for improvement and track progress",              bentoComponent: "timeline",              heading: "Your Progress Timeline",              subheading: "Track improvement through each coaching phase",              items: [
                { label: "Assessment Phase", detail: "Initial evaluation of current technique and fitness level" },
                { label: "Development Phase", detail: "Focused training on identified improvement areas" },
                { label: "Competition Phase", detail: "Peak training and race-specific preparation" }
              ],
              completedLabel: "Achieved"
            },
            {
              title: "Strength & Conditioning",              description: "Targeted dryland exercises and gym training to build swimming-specific strength",              bentoComponent: "icon-info-cards",              items: [
                { icon: Zap, label: "Power", value: "Explosive strength" },
                { icon: Heart, label: "Cardiovascular", value: "Aerobic capacity" }
              ]
            },
            {
              title: "Mental Training",              description: "Develop mental toughness, focus, and confidence for competition",              bentoComponent: "reveal-icon",              icon: Brain
            },
            {
              title: "Weekly Training Focus",              description: "Flexible coaching sessions designed around your availability",              bentoComponent: "3d-task-list",              title: "Training Schedule",              items: [
                { icon: Clock, label: "Morning sessions", time: "6:00 AM" },
                { icon: Sun, label: "Evening sessions", time: "5:00 PM" },
                { icon: Calendar, label: "Weekend training", time: "9:00 AM" }
              ]
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Working with this coach transformed my swimming. In just six months, I dropped 5 seconds off my personal best. The personalized attention and expert technique guidance made all the difference in my training."
          rating={5}
          author="Sarah Mitchell, Competitive Swimmer"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/swimmer-coach-discussing-by-pool-european-ethnicity-leisure-center_1157-49312.jpg", alt: "Sarah Mitchell" },
            { src: "https://img.b2bpic.net/free-photo/woman-trainer-showing-swimmer-his-results-she-is-holding-clipboard-talking-man_1157-49334.jpg", alt: "James Chen" },
            { src: "https://img.b2bpic.net/free-photo/woman-trainer-giving-high-five-swimmer-she-is-holding-clipboard-success-concept_1157-49336.jpg", alt: "Emma Rodriguez" },
            { src: "https://img.b2bpic.net/free-photo/water-polo-players-pool-with-swimming-equipment_23-2150893919.jpg", alt: "Michael Johnson" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Ready to Improve?"
          tagIcon={Mail}
          title="Book Your First Coaching Session"
          description="Take the first step toward swimming excellence. Get in touch to discuss your goals, schedule your initial consultation, and start your transformation journey with expert personalized coaching."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/happy-male-swimmer-holding-starting-block_171337-7792.jpg"
          imageAlt="Olympic pool coaching environment"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Schedule Session"
          termsText="We respect your privacy. We'll only use your email to confirm your coaching session and send relevant updates."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Elite Swimming Coach"
          copyrightText="© 2025 Elite Swimming Coach. All rights reserved. Professional coaching for champions."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}