"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Apple, BarChart3, Crown, DollarSign, Flame, Sparkles, Star, Target, Users, Zap } from "lucide-react";

export default function FitPulsePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="FitPulse"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Workouts", id: "workouts" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "testimonials" },
            { name: "Download", id: "download" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Transform Your Body, Transform Your Life"
          description="Join thousands of fitness enthusiasts using FitPulse to achieve their goals. Personalized workouts, nutrition tracking, and community support all in one app."
          tag="AI-Powered Fitness"
          tagIcon={Zap}
          background={{ variant: "aurora" }}
          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: "Fitness training in gym"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-athletic-woman-exercising-rowing-machine-while-having-sports-training-fitness-center_637285-516.jpg",              imageAlt: "Athlete performing strength exercise"
            }
          ]}
          rating={5}
          ratingText="Trusted by 50K+ active users"
          buttons={[
            { text: "Download Now", href: "#download" },
            { text: "See Demo", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Everything You Need to Succeed"
          description="Comprehensive fitness tools designed to keep you motivated and accountable on your wellness journey."
          tag="App Features"
          tagIcon={Sparkles}
          features={[
            {
              icon: Target,
              title: "Smart Workout Plans",              description: "AI-generated routines tailored to your fitness level, goals, and available equipment. Adapt as you progress."
            },
            {
              icon: BarChart3,
              title: "Real-Time Progress Tracking",              description: "Monitor your stats, track personal records, and visualize improvements with detailed analytics dashboards."
            },
            {
              icon: Users,
              title: "Supportive Community",              description: "Connect with other members, share achievements, and stay motivated through group challenges and discussions."
            },
            {
              icon: Apple,
              title: "Nutrition Integration",              description: "Log meals, track macros, and get personalized nutrition recommendations based on your fitness goals."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="workouts" data-section="workouts">
        <ProductCardFour
          title="Popular Workout Plans"
          description="Choose from our curated collection of workout programs designed by certified fitness professionals."
          tag="Training Programs"
          tagIcon={Flame}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "strength",              name: "Strength Builder Pro",              price: "$9.99/mo",              variant: "8 weeks • 4 days/week",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-33533.jpg",              imageAlt: "Strength training program"
            },
            {
              id: "cardio",              name: "Cardio Blast Express",              price: "$9.99/mo",              variant: "6 weeks • 3 days/week",              imageSrc: "https://img.b2bpic.net/free-photo/preparation-healthy-food-from-organic-products-table_169016-6397.jpg",              imageAlt: "Cardio workout program"
            },
            {
              id: "hiit",              name: "HIIT Maximum Burn",              price: "$9.99/mo",              variant: "4 weeks • 5 days/week",              imageSrc: "https://img.b2bpic.net/free-photo/woman-lifting-weights-doing-chest-work-gym_169016-57291.jpg",              imageAlt: "HIIT training program"
            },
            {
              id: "flexibility",              name: "Yoga & Flexibility Flow",              price: "$7.99/mo",              variant: "Unlimited • 5-60 min sessions",              imageSrc: "https://img.b2bpic.net/free-photo/business-executives-with-hand-stacked_1170-1782.jpg",              imageAlt: "Yoga and flexibility program"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="FitPulse completely changed my relationship with fitness. The personalized workouts keep me engaged, and seeing my progress tracked in real-time is incredibly motivating. I've achieved results I never thought possible!"
          rating={5}
          author="Sarah Mitchell, Fitness Enthusiast"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg",              alt: "Sarah Mitchell"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              alt: "James Chen"
            },
            {
              src: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              alt: "Emily Rodriguez"
            },
            {
              src: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              alt: "Michael Torres"
            },
            {
              src: "https://img.b2bpic.net/free-photo/attractive-european-girl-with-charming-smile-keeps-arms-folded-wears-round-spectacles_273609-18493.jpg",              alt: "Jessica Lee"
            },
            {
              src: "https://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",              alt: "David Park"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Success by the Numbers"
          description="Join a thriving community of fitness enthusiasts achieving real results with FitPulse."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              title: "Active Users",              subtitle: "Worldwide across 150+ countries",              category: "Community",              value: "50,000+"
            },
            {
              id: "2",              title: "Workouts Completed",              subtitle: "Total sessions since launch",              category: "Training",              value: "2.5M+"
            },
            {
              id: "3",              title: "Average Weight Loss",              subtitle: "Per user in first 90 days",              category: "Results",              value: "12 lbs"
            },
            {
              id: "4",              title: "User Satisfaction",              subtitle: "Overall app rating score",              category: "Reviews",              value: "4.8/5.0"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your fitness journey. All plans include core features."
          tag="Pricing"
          tagIcon={DollarSign}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "free",              badge: "Get Started",              badgeIcon: Zap,
              price: "Free",              subtitle: "Perfect for beginners",              buttons: [{ text: "Start Free", href: "#download" }],
              features: [
                "3 sample workouts",                "Basic progress tracking",                "Community access",                "Mobile app"
              ]
            },
            {
              id: "premium",              badge: "Most Popular",              badgeIcon: Star,
              price: "$9.99/mo",              subtitle: "Unlimited everything",              buttons: [{ text: "Subscribe Now", href: "#download" }],
              features: [
                "Unlimited workout plans",                "Advanced analytics",                "1-on-1 coaching",                "Nutrition tracking",                "Priority support",                "Ad-free experience"
              ]
            },
            {
              id: "elite",              badge: "Best Value",              badgeIcon: Crown,
              price: "$79.99/yr",              subtitle: "Annual subscription",              buttons: [{ text: "Save 33%", href: "#download" }],
              features: [
                "All Premium features",                "Custom meal plans",                "Exclusive challenges",                "Live group workouts",                "Dedicated trainer",                "Early access to new features"
              ]
            }
          ]}
        />
      </div>

      <div id="download" data-section="download">
        <ContactCenter
          tag="Ready to Transform?"
          tagIcon={Flame}
          title="Download FitPulse Today"
          description="Start your fitness journey with a free trial. No credit card required. Join thousands of members achieving their goals."
          background={{ variant: "downward-rays-animated" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Get Started Free"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. Cancel anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Workouts", href: "#workouts" },
                { label: "Pricing", href: "#pricing" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              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: "Disclaimer", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Twitter", href: "#" },
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "LinkedIn", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 FitPulse. All rights reserved."
          bottomRightText="Built with passion for fitness"
        />
      </div>
    </ThemeProvider>
  );
}