"use client"

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 FeatureBento from '@/components/sections/feature/FeatureBento';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Brain, Heart, Shield, TrendingUp, Trophy, Zap, Star, Clock, Flame, BookOpen, Mail, Instagram, Twitter, Linkedin, Users, Target, Briefcase, Dumbbell, Compass, Lightbulb } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            {"name": "Home", "id": "home"},
            {"name": "About", "id": "about"},
            {"name": "Certifications", "id": "achievements"},
            {"name": "Services", "id": "services"},
            {"name": "Approach", "id": "philosophy"},
            {"name": "Contact", "id": "contact"}
          ]}
          brandName="Personal Trainer"
          bottomLeftText="Certified Professional"
          bottomRightText="contact@trainer.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Transform Your Body, Transform Your Life"
          description="Expert personal training designed for your goals. Whether you're starting your fitness journey or taking your performance to the next level, I provide personalized coaching, proven methods, and unwavering support to help you achieve lasting results."
          background={{
            variant: "glowing-orb"
          }}
          kpis={[
            {"value": "500+", "label": "Clients Transformed"},
            {"value": "10+", "label": "Years Experience"},
            {"value": "95%", "label": "Goal Achievement Rate"}
          ]}
          enableKpiAnimation={true}
          tag="Professional Coach"
          tagIcon={Award}
          imageSrc="https://img.b2bpic.net/premium-photo/portrait-men-happy-sports-court-with-squash-racket-fitness-game-exercise-performance-smile-athlete-people-equipment-play-match-club-tournament-practice-competition_590464-483720.jpg?id=382939786"
          imageAlt="Professional Personal Trainer"
          imagePosition="right"
          buttons={[
            {"text": "Start Your Journey", "href": "#about"},
            {"text": "View Training Programs", "href": "#services"}
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TextAbout
          title="My Commitment to Your Success: Every client deserves a personalized approach. With over a decade of experience in fitness coaching, I combine evidence-based training methods with genuine passion for helping you reach your potential. My philosophy centers on sustainable results, injury prevention, and building habits that last a lifetime."
          useInvertedBackground="invertDefault"
          buttons={[
            {"text": "Learn My Story", "href": "#achievements"},
            {"text": "Explore Methods", "href": "#philosophy"}
          ]}
        />
      </div>
      
      <div id="achievements" data-section="achievements">
        <MetricCardOne
          title="Professional Credentials & Experience"
          description="Certified expertise in personal training and athletic development"
          tag="Qualifications"
          tagIcon={TrendingUp}
          metrics={[
            {"id": "1", "value": "NASM-CPT", "title": "Certified Personal Trainer", "description": "National Academy of Sports Medicine certification", "icon": Trophy},
            {"id": "2", "value": "5", "title": "Specializations", "description": "Strength, conditioning, nutrition, mobility, recovery", "icon": Zap},
            {"id": "3", "value": "500+", "title": "Success Stories", "description": "Clients who achieved their fitness goals with guidance", "icon": Star},
            {"id": "4", "value": "10+", "title": "Years Training", "description": "Decade of experience transforming lives through fitness", "icon": Clock}
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Personalized Training Programs"
          description="Customized fitness solutions tailored to your unique goals and lifestyle"
          tag="Service Offerings"
          tagIcon={Dumbbell}
          features={[
            {
              "id": 1,
              "title": "One-on-One Personal Training",              "description": "Individual coaching sessions focused entirely on your goals, form, and progression. Each workout is designed based on your fitness level, preferences, and objectives with real-time feedback and adjustments.",              "imageSrc": "https://img.b2bpic.net/free-photo/group-people-working-out-together-outdoors_23-2149891467.jpg?id=34137118",              "imageAlt": "One-on-one personal training session"
            },
            {
              "id": 2,
              "title": "Small Group Training Classes",              "description": "Build community while reaching your fitness goals in small, focused groups. Receive personalized attention in a motivating environment with other like-minded individuals committed to transformation.",              "imageSrc": "https://img.b2bpic.net/premium-photo/coach-reviewing-playbook-with-team_1314467-168780.jpg?id=324598511",              "imageAlt": "Small group fitness class"
            },
            {
              "id": 3,
              "title": "Online Coaching Programs",              "description": "Train from anywhere with customized workout plans, nutrition guidance, and video form checks. Stay connected with regular progress assessments and program adjustments based on your results and feedback.",              "imageSrc": "https://img.b2bpic.net/free-photo/people-training-athletics_23-2151077709.jpg?id=150856792",              "imageAlt": "Online fitness coaching platform"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            {"text": "Book Consultation", "href": "#contact"}
          ]}
        />
      </div>
      
      <div id="philosophy" data-section="philosophy">
        <FeatureBento
          title="My Training Philosophy"
          description="Holistic approach to fitness and wellness"
          tag="Training Method"
          tagIcon={Compass}
          features={[
            {
              "title": "Progressive Overload",              "description": "Systematically increase intensity and challenge to drive continuous improvement and prevent plateaus in your fitness journey",              "bentoComponent": "animated-bar-chart"
            },
            {
              "title": "Functional Fitness",              "description": "Training that improves real-world strength, mobility, and movement patterns for better performance in daily life",              "bentoComponent": "3d-stack-cards",              "items": [
                {"icon": Dumbbell, "title": "Strength", "subtitle": "Build Power", "detail": "Compound movements for lasting gains"},
                {"icon": Heart, "title": "Endurance", "subtitle": "Boost Stamina", "detail": "Cardiovascular and muscular conditioning"},
                {"icon": Lightbulb, "title": "Mobility", "subtitle": "Improve Range", "detail": "Enhanced flexibility and joint health"}
              ]
            },
            {
              "title": "Sustainable Habits",              "description": "Build consistent routines that fit your lifestyle and lead to long-term results, not quick fixes",              "bentoComponent": "timeline",              "heading": "Your Training Journey",              "subheading": "Four phases to transformation",              "items": [
                {"label": "Assessment", "detail": "Evaluation of fitness level, goals, and limitations"},
                {"label": "Foundation", "detail": "Building proper form and establishing baseline fitness"},
                {"label": "Progression", "detail": "Gradually increasing intensity and complexity"},
                {"label": "Mastery", "detail": "Peak performance and maintaining long-term results"}
              ],
              "completedLabel": "Your transformation begins"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          buttons={[
            {"text": "Start Training", "href": "#contact"}
          ]}
        />
      </div>
      
      <div id="highlights" data-section="highlights">
        <BlogCardThree
          title="Client Success Stories"
          description="Real transformations from dedicated clients"
          tag="Case Studies"
          tagIcon={BookOpen}
          blogs={[
            {
              "id": "1",              "category": "Strength",              "title": "From Beginner to Confident Lifter",              "excerpt": "Sarah came to me with no experience and fear of the gym. In 6 months of consistent training, she gained strength, confidence, and a new love for fitness. She now trains independently and inspires others around her.",              "imageSrc": "https://img.b2bpic.net/free-photo/man-athlete-with-medals_1154-121.jpg",              "imageAlt": "Client strength transformation",              "authorName": "Sarah M.",              "date": "6 months"
            },
            {
              "id": "2",              "category": "Weight Loss",              "title": "Losing 40 Pounds and Finding Health",              "excerpt": "Mike combined personalized training with nutrition coaching to lose 40 pounds while building muscle. More importantly, he regained his energy, health markers improved dramatically, and he discovered a lifelong passion for fitness.",              "imageSrc": "https://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-gold-medal-around-her-neck-holding-her-trophy-happy-excited-rejoicing-her-success-standing-white-wall_141793-48763.jpg",              "imageAlt": "Weight loss transformation success",              "authorName": "Mike T.",              "date": "12 months"
            },
            {
              "id": "3",              "category": "Performance",              "title": "Breaking Personal Records at 50+",              "excerpt": "David thought his athletic days were behind him until we started training. With a smart program designed for his age and needs, he broke personal records, improved mobility, and proves age is just a number in fitness.",              "imageSrc": "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",              "imageAlt": "Master athlete performance improvement",              "authorName": "David L.",              "date": "8 months"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Working with this trainer completely changed my relationship with fitness. The personalized approach, constant encouragement, and professional expertise made all the difference. I not only achieved my goals but discovered a passion for training I never knew I had."
          rating={5}
          author="Jessica Chen, Fitness Enthusiast"
          avatars={[
            {"src": "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", "alt": "Jessica Chen"},
            {"src": "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg", "alt": "Marcus R."},
            {"src": "https://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg", "alt": "David W."},
            {"src": "https://img.b2bpic.net/free-photo/portrait-smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8263.jpg", "alt": "Alex K."}
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Ready to Transform?"
          title="Start Your Fitness Journey Today"
          description="Take the first step toward the healthier, stronger version of yourself. Schedule a free consultation to discuss your goals, learn about personalized training options, and discover how we can work together to achieve results."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/front-view-man-with-swimming-equipment_23-2150465483.jpg"
          imageAlt="Fitness training inspiration"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Get Started"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Personal Trainer"
          copyrightText="© 2025 Professional Personal Training. All rights reserved."
          socialLinks={[
            {"icon": Instagram, "href": "https://instagram.com", "ariaLabel": "Instagram"},
            {"icon": Twitter, "href": "https://twitter.com", "ariaLabel": "Twitter"},
            {"icon": Linkedin, "href": "https://linkedin.com", "ariaLabel": "LinkedIn"},
            {"icon": Mail, "href": "mailto:contact@trainer.com", "ariaLabel": "Email"}
          ]}
        />
      </div>
    </ThemeProvider>
  );
}