"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Activity, Brain, Clock, Download, Dumbbell, Flame, Heart, Shield, Star, Target, TrendingUp, Users, Wind, Zap } from "lucide-react";

export default function FitnessPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="FitFlow"
          navItems={[
            { name: "Plans", id: "plans" },
            { name: "Features", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Community", id: "metrics" }
          ]}
          button={{
            text: "Download App",            href: "#download"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Transform Your Body, Transform Your Life"
          description="Join millions achieving their fitness goals with AI-powered workouts, real-time progress tracking, and a supportive community. Start your transformation today."
          tag="Join 2M+ Fitness Enthusiasts"
          tagIcon={Zap}
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "1000+", label: "Personalized Workouts" },
            { value: "98%", label: "User Success Rate" },
            { value: "10M+", label: "Total Workouts Completed" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/attractive-powerful-bodybuilder-is-doing-exercises-training-apparatus-sunny-gym_613910-20342.jpg"
          imageAlt="Athlete training with motivation"
          imagePosition="right"
          buttons={[
            { text: "Download Now", href: "#download" },
            { text: "View Workouts", href: "#plans" }
          ]}
        />
      </div>

      <div id="plans" data-section="plans">
        <SplitAbout
          title="Workout Plans Built for You"
          description="Choose from our expertly-designed workout programs tailored to your fitness level and goals."
          tag="Personalized Training"
          tagIcon={Target}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "Strength Training",              description: "Build muscle and increase power with progressive resistance protocols",              icon: Dumbbell
            },
            {
              title: "Cardio Endurance",              description: "Improve cardiovascular health with dynamic interval and steady-state training",              icon: Heart
            },
            {
              title: "Flexibility & Recovery",              description: "Enhance mobility and prevent injury with yoga and stretching routines",              icon: Wind
            },
            {
              title: "HIIT Circuits",              description: "Maximize calorie burn and efficiency in minimal time with high-intensity intervals",              icon: Flame
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/muscular-build-man-resting-after-cross-training-with-barbell-health-club_637285-2493.jpg"
          imageAlt="Strength training workout plan"
          imagePosition="right"
          buttons={[
            { text: "Explore Plans", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Everything You Need to Succeed"
          description="FitFlow combines cutting-edge technology with expert coaching to deliver results."
          tag="App Features"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              icon: Brain,
              title: "AI Trainer",              description: "Personalized workout recommendations that adapt to your progress and preferences"
            },
            {
              icon: Activity,
              title: "Live Tracking",              description: "Real-time form correction and performance metrics during every workout"
            },
            {
              icon: Users,
              title: "Community Support",              description: "Connect with millions of members, share wins, and stay motivated together"
            },
            {
              icon: TrendingUp,
              title: "Progress Analytics",              description: "Detailed insights into your growth, strength gains, and fitness milestones"
            },
            {
              icon: Clock,
              title: "Flexible Scheduling",              description: "Workouts ranging from 10-60 minutes to fit your busy lifestyle"
            },
            {
              icon: Shield,
              title: "Expert Guidance",              description: "Certified trainers review your form and provide personalized coaching tips"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Success Stories from Our Community"
          description="See how real people are achieving their fitness goals with FitFlow"
          tag="Member Testimonials"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Fitness Coach",              date: "Date: 15 January 2025",              title: "Lost 25 lbs and gained confidence",              quote: "FitFlow's AI trainer understood exactly what I needed. The personalized workouts kept me engaged and motivated throughout my 6-month transformation. I've never felt stronger.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg"
            },
            {
              id: "2",              name: "Marcus Johnson, Software Engineer",              date: "Date: 12 January 2025",              title: "Finally stuck with a fitness routine",              quote: "As someone with a hectic schedule, FitFlow's 20-30 minute workouts fit perfectly into my day. The live tracking keeps me accountable, and the community is incredibly supportive.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-625.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-625.jpg"
            },
            {
              id: "3",              name: "Emma Rodriguez, Marketing Manager",              date: "Date: 10 January 2025",              title: "Built sustainable muscle in 3 months",              quote: "The expert guidance and form correction feature prevented injuries I would've caused with bad form. My bench press increased by 50 lbs, and I feel incredible.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg"
            },
            {
              id: "4",              name: "David Chen, Business Owner",              date: "Date: 8 January 2025",              title: "The community accountability changed everything",              quote: "What really kept me going was seeing others in the community hitting their goals. FitFlow made fitness social and fun. I've now helped 5 friends get started.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/adorable-lovely-smiling-girl-with-long-wavy-hairstyle-black-sport-top-is-holding-arms-chest-looking-window-isolated-background_291650-2273.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/adorable-lovely-smiling-girl-with-long-wavy-hairstyle-black-sport-top-is-holding-arms-chest-looking-window-isolated-background_291650-2273.jpg"
            },
            {
              id: "5",              name: "Jessica Williams, Accountant",              date: "Date: 5 January 2025",              title: "Improved health markers in 2 months",              quote: "My doctor was amazed at my progress. Better blood pressure, increased stamina, and I sleep better than ever. FitFlow made getting healthy actually enjoyable.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/cheerful-young-sports-woman-with-arms-crossed_171337-8914.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-sports-woman-with-arms-crossed_171337-8914.jpg"
            },
            {
              id: "6",              name: "Thomas Blake, Entrepreneur",              date: "Date: 3 January 2025",              title: "Best investment in myself",              quote: "FitFlow paid for itself in how it improved my energy and mental clarity. The progress analytics show exactly where I've improved. Highly recommend to anyone serious about fitness.",              tag: "Premium Member",              avatarSrc: "https://img.b2bpic.net/free-photo/sporty-smiling-female-with-crossed-arms-white-t-shirt-grey-background_613910-1624.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/sporty-smiling-female-with-crossed-arms-white-t-shirt-grey-background_613910-1624.jpg"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Trusted by millions of fitness enthusiasts worldwide who've transformed their lives with data-driven training."
          tag="Community Impact"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "2M+",              description: "Active users achieving their fitness goals every single day across the globe"
            },
            {
              id: "2",              value: "500K+",              description: "Workouts completed daily with 98% user satisfaction rating"
            },
            {
              id: "3",              value: "4.9★",              description: "Average app rating across iOS and Android with over 1M verified reviews"
            },
            {
              id: "4",              value: "42lbs",              description: "Average weight loss per member over 6 months with complete nutrition integration"
            }
          ]}
        />
      </div>

      <div id="download" data-section="download">
        <ContactCTA
          tag="Get Started Today"
          tagIcon={Download}
          title="Download FitFlow and Start Your Transformation"
          description="Get your first personalized workout free. No credit card required. Join the fitness revolution and connect with millions working toward their goals."
          background={{ variant: "animated-grid" }}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Download on iOS", href: "https://apps.apple.com" },
            { text: "Get on Google Play", href: "https://play.google.com" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#plans" },
                { label: "Download", href: "#download" },
                { label: "Security", href: "#" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Stories", href: "#testimonials" },
                { label: "Blog", href: "#" },
                { label: "Events", href: "#" },
                { label: "Support", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#" },
                { label: "Partners", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy", href: "#" },
                { label: "Terms", href: "#" },
                { label: "Cookies", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 FitFlow. All rights reserved."
          bottomRightText="Transform Your Fitness"
        />
      </div>
    </ThemeProvider>
  );
}