"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap, Flame, Sparkles, TrendingUp, Users, Heart, Target, Award, Download } from 'lucide-react';

export default function FitnessLandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="FitFlow"
          navItems={[
            { name: "Workouts", id: "workouts" },
            { name: "Features", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Download", id: "download" },
            { name: "Contact", id: "download" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Transform Your Body, Transform Your Life"
          description="Join thousands of fitness enthusiasts achieving their goals with personalized workout plans, real-time progress tracking, and a supportive community. Download FitFlow today and start your transformation journey."
          tag="Fitness Revolution"
          tagIcon={Zap}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg",              imageAlt: "Athlete performing dynamic workout"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-athletic-woman-exercising-rowing-machine-while-having-sports-training-fitness-center_637285-516.jpg",              imageAlt: "Woman exercising with determination"
            }
          ]}
          rating={5}
          ratingText="Rated 4.9/5 by 50K+ users"
          buttons={[
            { text: "Download Free", href: "#download" },
            { text: "View Plans", href: "#workouts" }
          ]}
        />
      </div>

      <div id="workouts" data-section="workouts">
        <ProductCardTwo
          title="Workout Plans Built for Results"
          description="Choose from our expertly designed workout programs tailored to your fitness level and goals."
          tag="Proven Plans"
          tagIcon={Flame}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "FitFlow",              name: "Cardio Blast",              price: "High Intensity",              rating: 5,
              reviewCount: "12.3k",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-with-dumbbells-two-fitness-girls-sportswear-doing-lunges-with-dumbbells-modern-gym-health-diet-sport_613910-20774.jpg",              imageAlt: "Cardio Blast workout program"
            },
            {
              id: "2",              brand: "FitFlow",              name: "Strength Builder",              price: "Full Body",              rating: 5,
              reviewCount: "15.8k",              imageSrc: "https://img.b2bpic.net/free-photo/woman-lifting-weights-doing-chest-work-gym_169016-57291.jpg",              imageAlt: "Strength Builder workout program"
            },
            {
              id: "3",              brand: "FitFlow",              name: "Flexibility Flow",              price: "Recovery Focus",              rating: 5,
              reviewCount: "9.4k",              imageSrc: "https://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg",              imageAlt: "Flexibility Flow program"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="auto"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Why FitFlow Stands Out"
          description="Powerful features designed to keep you motivated, accountable, and on track to achieve your fitness goals."
          tag="Smart Technology"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              id: "1",              title: "AI-Powered Personalization",              tags: ["Smart Tech", "Adaptive", "Your Style"],
              imageSrc: "https://img.b2bpic.net/free-photo/young-athletic-woman-having-cross-training-stationary-bike-gym_637285-2524.jpg",              imageAlt: "Personalized workout recommendations"
            },
            {
              id: "2",              title: "Real-Time Progress Tracking",              tags: ["Analytics", "Insights", "Motivation"],
              imageSrc: "https://img.b2bpic.net/free-photo/muscular-build-man-resting-after-cross-training-with-barbell-health-club_637285-2493.jpg",              imageAlt: "Progress tracking dashboard"
            },
            {
              id: "3",              title: "Vibrant Fitness Community",              tags: ["Social", "Support", "Accountability"],
              imageSrc: "https://img.b2bpic.net/free-photo/young-sportswoman-having-cross-training-with-weight-plate-gym_637285-8530.jpg",              imageAlt: "Community fitness challenges"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Impact"
          description="Join a growing movement of people transforming their lives through fitness."
          tag="Results Driven"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Active Users",              value: "500K+"
            },
            {
              id: "2",              icon: Heart,
              title: "Workouts Completed",              value: "10M+"
            },
            {
              id: "3",              icon: Target,
              title: "Goals Achieved",              value: "95%"
            },
            {
              id: "4",              icon: Award,
              title: "Average Rating",              value: "4.9/5"
            }
          ]}
          carouselMode="auto"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="FitFlow completely transformed my fitness journey. The personalized workouts kept me engaged, the progress tracking motivated me daily, and the community support made all the difference. I've never felt stronger!"
          rating={5}
          author="Sarah Martinez, Marathon Runner"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              alt: "Sarah Martinez"
            },
            {
              src: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              alt: "James Chen"
            },
            {
              src: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              alt: "Emma Thompson"
            },
            {
              src: "https://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg",              alt: "Michael Robinson"
            },
            {
              src: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              alt: "Lisa Anderson"
            },
            {
              src: "https://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-natural-daytime-makeup-wearing-blue-shirt-beige-background-smiles-with-mischievous-cheerful-smile_343596-8237.jpg",              alt: "David Wilson"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="download" data-section="download">
        <ContactSplit
          tag="Download Now"
          tagIcon={Download}
          title="Get Started Today"
          description="Join thousands transforming their fitness. Download FitFlow free for iOS and Android. Your first week of premium workouts is on us."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg"
          imageAlt="Download FitFlow app"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Download Free"
          termsText="Get exclusive access to premium workouts and progress tracking. No commitment required."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/attractive-powerful-bodybuilder-is-doing-exercises-training-apparatus-sunny-gym_613910-20342.jpg"
          imageAlt="Sunset fitness training"
          logoText="FitFlow"
          copyrightText="© 2025 FitFlow. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Workout Plans", href: "#workouts" },
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#" },
                { label: "Download App", href: "#download" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}