"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, Heart, Target, Users, Handshake, TrendingUp, Star, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="T.O.O.T.H"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "features" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Started", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Elite Training for Every Age"
          description="T.O.O.T.H offers world-class fitness services delivered by extensively experienced trainers. Transform your body and mind with personalized coaching designed specifically for you."
          tag="Professional Fitness"
          tagIcon={Zap}
          tagAnimation="entrance-slide"
          background={{ variant: "aurora" }}
          kpis={[
            { value: "15+", label: "Years Average Experience" },
            { value: "1000+", label: "Clients Transformed" },
            { value: "100%", label: "Dedicated Support" }
          ]}
          enableKpiAnimation={true}
          buttons={[
            { text: "Start Your Journey", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          buttonAnimation="entrance-slide"
          imageSrc="http://img.b2bpic.net/free-photo/male-personal-trainer-helping-woman-working-with-heavy-dumbbells-gym_651396-1074.jpg"
          imageAlt="Elite gym training session with professional trainer"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About T.O.O.T.H Training"
          description="We believe fitness is not one-size-fits-all. Our team of elite trainers brings years of dedication and expertise to craft personalized training programs for clients of all ages and fitness levels."
          tag="Our Mission"
          tagIcon={Heart}
          tagAnimation="entrance-slide"
          bulletPoints={[
            { title: "Expert Trainers", description: "Each trainer has 10+ years of hands-on fitness experience and continuous education in latest training methodologies.", icon: Award },
            { title: "Personalized Plans", description: "We create custom training programs tailored to your goals, fitness level, and lifestyle for maximum results.", icon: Target },
            { title: "All Ages Welcome", description: "From teens to seniors, our comprehensive approach ensures safe, effective training for everyone.", icon: Users },
            { title: "Community Focus", description: "Join a supportive community of fitness enthusiasts committed to excellence and mutual growth.", icon: Handshake }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg?_wi=1"
          imageAlt="Professional fitness trainer demonstrating proper form"
          mediaAnimation="slide-up"
          imagePosition="right"
          buttons={[{ text: "Explore Services", href: "features" }]}
          buttonAnimation="entrance-slide"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Our Elite Services"
          description="Comprehensive training solutions designed to meet every fitness objective and lifestyle."
          tag="What We Offer"
          tagIcon={Zap}
          tagAnimation="entrance-slide"
          features={[
            {
              id: "1",              title: "One-on-One Personal Training",              author: "Expert Coaches",              description: "Dedicated sessions with an elite trainer focused entirely on your goals, form, and progression. Maximum personalization and accountability.",              tags: ["Individual", "Customized", "Results-Driven"],
              imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg?_wi=2",              imageAlt: "Personal training session"
            },
            {
              id: "2",              title: "Group Fitness Classes",              author: "Professional Instructors",              description: "High-energy group classes including HIIT, strength training, yoga, and functional fitness. Build community while achieving your goals.",              tags: ["Group", "Community", "Motivating"],
              imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg?_wi=3",              imageAlt: "Group fitness class"
            },
            {
              id: "3",              title: "Youth & Teen Programs",              author: "Certified Specialists",              description: "Safe, age-appropriate training programs for young athletes and teens. Build strength, confidence, and lifelong fitness habits.",              tags: ["Youth", "Development", "Safe"],
              imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg?_wi=4",              imageAlt: "Youth fitness training"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Impact"
          description="Proven results from our dedicated team of elite trainers and satisfied clients."
          tag="Success Metrics"
          tagIcon={TrendingUp}
          tagAnimation="entrance-slide"
          metrics={[
            { id: "1", icon: Users, title: "Active Members", value: "500+" },
            { id: "2", icon: Award, title: "Certified Trainers", value: "25+" },
            { id: "3", icon: Zap, title: "Transformations", value: "1000+" }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet Our Elite Trainers"
          description="Experienced professionals dedicated to your fitness success. Each trainer brings years of expertise and passion."
          tag="Our Team"
          tagIcon={Users}
          tagAnimation="entrance-slide"
          groups={[
            {
              id: "elite-trainers",              groupTitle: "Elite Training Staff",              members: [
                {
                  id: "1",                  title: "Marcus Johnson",                  subtitle: "Head Coach - Strength & Conditioning",                  detail: "20+ years experience",                  imageSrc: "http://img.b2bpic.net/free-photo/partners-private-professional-life_329181-14113.jpg",                  imageAlt: "Marcus Johnson"
                },
                {
                  id: "2",                  title: "Sarah Chen",                  subtitle: "HIIT & Cardio Specialist",                  detail: "15+ years experience",                  imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg?_wi=5",                  imageAlt: "Sarah Chen"
                },
                {
                  id: "3",                  title: "David Martinez",                  subtitle: "Youth & Performance Coach",                  detail: "12+ years experience",                  imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg?_wi=6",                  imageAlt: "David Martinez"
                },
                {
                  id: "4",                  title: "Jessica Williams",                  subtitle: "Functional Fitness Coach",                  detail: "14+ years experience",                  imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",                  imageAlt: "Jessica Williams"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Clients Say"
          description="Real success stories from members who transformed their fitness and achieved their goals."
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="entrance-slide"
          testimonials={[
            {
              id: "1",              name: "James Rodriguez",              role: "Business Owner",              company: "Tech Startup",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/females-gym-taking-photos_23-2148419828.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "2",              name: "Emma Thompson",              role: "Athlete",              company: "Competitive Runner",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-black-man-lifting-barbell-with-personal-trainer_1262-16411.jpg",              imageAlt: "Emma Thompson"
            },
            {
              id: "3",              name: "Michael Park",              role: "Senior Fitness",              company: "Age 65+",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59110.jpg",              imageAlt: "Michael Park"
            },
            {
              id: "4",              name: "Lisa Anderson",              role: "Mom",              company: "Post-Pregnancy Recovery",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-psd/gym-fitness-instagram-facebook-story-template_106176-5298.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "5",              name: "Robert Chen",              role: "Weight Loss",              company: "Transformation Journey",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205574.jpg",              imageAlt: "Robert Chen"
            },
            {
              id: "6",              name: "Victoria Martinez",              role: "Strength Builder",              company: "Fitness Enthusiast",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-high-five-gym_23-2149049819.jpg",              imageAlt: "Victoria Martinez"
            }
          ]}
          kpiItems={[
            { value: "98%", label: "Client Satisfaction" },
            { value: "6 months", label: "Average Result Timeline" },
            { value: "1000+", label: "Lives Transformed" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Transform Your Fitness?"
          description="Join T.O.O.T.H and connect with our elite trainers. Enter your email and phone number, and we'll reach out to discuss your fitness goals and create a personalized training plan."
          tagIcon={Zap}
          tagAnimation="entrance-slide"
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="your.email@example.com"
          buttonText="Contact Me"
          termsText="We'll contact you within 24 hours to discuss your fitness goals and find the perfect training program for you."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Home", href: "#" },
                { label: "About", href: "#about" },
                { label: "Services", href: "#features" },
                { label: "Team", href: "#team" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Personal Training", href: "#features" },
                { label: "Group Classes", href: "#features" },
                { label: "Youth Programs", href: "#features" },
                { label: "Custom Plans", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Newsletter", href: "#contact" },
                { label: "Follow Us", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 T.O.O.T.H Elite Training. All rights reserved."
          bottomRightText="Transforming Lives Through Fitness"
        />
      </div>
    </ThemeProvider>
  );
}
