"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import TeamCardTen from "@/components/sections/team/TeamCardTen";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Apple, CheckCircle, Heart, Target, Zap } from "lucide-react";

export default function FitnessCoachPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="FitLife Coach"
          navItems={[
            { name: "Services", id: "features" },
            { name: "About", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Book a Session",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Transform Your Body, Transform Your Life"
          description="Professional fitness coaching tailored to your goals. Whether you're starting your fitness journey or pushing to new heights, I'll guide you every step of the way with proven strategies and personalized training programs."
          tag="Certified Fitness Coach"
          tagIcon={Zap}
          buttons={[
            { text: "Start Your Transformation", href: "#contact" },
            { text: "Learn More", href: "#features" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg",              imageAlt: "Fitness coaching session"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg",              imageAlt: "Client transformation results"
            }
          ]}
          rating={5}
          ratingText="Trusted by 200+ Clients"
          background={{ variant: "plain" }}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Comprehensive Training Services"
          description="Customized fitness programs designed to help you reach your goals faster and safer"
          tag="Services"
          tagIcon={CheckCircle}
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Strength Training",              description: "Build lean muscle and increase your overall strength with scientifically-proven resistance training protocols. I'll help you develop functional strength for real-world performance.",              icon: Zap,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg",                  imageAlt: "Strength training exercise"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/woman-gym-with-coach_1303-5545.jpg",                  imageAlt: "Weight training coaching"
                }
              ]
            },
            {
              title: "Nutrition Coaching",              description: "Achieve your fitness goals faster with personalized nutrition guidance. I'll create a sustainable eating plan that fits your lifestyle and preferences while delivering results.",              icon: Apple,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/woman-with-notebook-medium-shot_23-2149744648.jpg",                  imageAlt: "Nutrition planning session"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32132.jpg",                  imageAlt: "Healthy meal consultation"
                }
              ]
            },
            {
              title: "Cardio & Endurance",              description: "Improve your cardiovascular health and build lasting endurance. Whether training for an event or general fitness, I'll design a cardio program that challenges and motivates you.",              icon: Heart,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/view-woman-helping-man-exercise-gym_52683-98091.jpg",                  imageAlt: "Cardio training session"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/male-personal-trainer-helping-woman-working-with-heavy-dumbbells-gym_651396-1074.jpg",                  imageAlt: "Endurance workout"
                }
              ]
            },
            {
              title: "Goal Setting & Accountability",              description: "Stay motivated and on track with structured goal-setting and weekly accountability check-ins. I'll celebrate your wins and help you overcome obstacles with proven coaching strategies.",              icon: Target,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg",                  imageAlt: "Goal tracking progress"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg",                  imageAlt: "Accountability coaching"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet Your Coaching Team"
          tag="Expert Trainers"
          members={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg",              imageAlt: "Sarah Mitchell - Head Coach"
            },
            {
              id: "2",              name: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",              imageAlt: "Marcus Johnson - Strength Coach"
            }
          ]}
          memberVariant="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What My Clients Say"
          description="Real results from real people who transformed their fitness and their lives"
          tag="Client Success"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Jessica Chen",              role: "Marketing Manager",              company: "Tech Corp",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",              imageAlt: "Jessica Chen testimonial"
            },
            {
              id: "2",              name: "David Rodriguez",              role: "Business Owner",              company: "Fitness First",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/male-boxer-posing-t-shirt-with-arms-crossed_23-2148426241.jpg",              imageAlt: "David Rodriguez testimonial"
            },
            {
              id: "3",              name: "Emma Watson",              role: "Healthcare Professional",              company: "Medical Plus",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205542.jpg",              imageAlt: "Emma Watson testimonial"
            },
            {
              id: "4",              name: "Michael Thompson",              role: "Software Engineer",              company: "Digital Solutions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg",              imageAlt: "Michael Thompson testimonial"
            }
          ]}
          kpiItems={[
            { value: "200+", label: "Clients Transformed" },
            { value: "95%", label: "Success Rate" },
            { value: "8+", label: "Years Experience" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about training with me"
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg"
          imageAlt="Fitness coaching FAQ"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Do I need prior fitness experience?",              content: "Not at all! I work with clients of all fitness levels, from complete beginners to advanced athletes. Every program is customized to meet you where you are and help you progress at your own pace."
            },
            {
              id: "2",              title: "How long does it take to see results?",              content: "Most clients see noticeable improvements within 4-6 weeks of consistent training and proper nutrition. Significant transformations typically occur within 12-16 weeks. Remember, sustainable results come from sustainable habits."
            },
            {
              id: "3",              title: "What's included in your coaching packages?",              content: "Each package includes personalized workout programming, nutrition guidance, weekly check-ins, form coaching, and access to a private community. Premium packages also include additional nutrition consultation and monthly progress assessments."
            },
            {
              id: "4",              title: "Can you help with specific health conditions?",              content: "Yes! I have experience working with clients managing various health conditions. However, I always recommend consulting with your healthcare provider first. I'll work closely with you and your medical team to create a safe, effective program."
            },
            {
              id: "5",              title: "Do I need a gym membership?",              content: "While a gym membership provides excellent resources, it's not required. I can create home workout programs using bodyweight and minimal equipment. We can customize your training environment to fit your lifestyle."
            },
            {
              id: "6",              title: "How do I get started?",              content: "Simply click 'Book a Session' to schedule your free consultation call. During this 20-minute call, we'll discuss your goals, answer your questions, and determine the best coaching package for you."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to start your transformation? Let's work together to achieve your fitness goals and build the healthy lifestyle you deserve."
          animationType="entrance-slide"
          buttons={[
            { text: "Book Your Free Consultation", href: "#contact" },
            { text: "View Packages", href: "#services" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="FitLife Coach"
          columns={[
            {
              items: [
                { label: "Services", href: "features" },
                { label: "About", href: "team" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "#" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}