"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Crown, Sparkles, Target, Zap } from "lucide-react";

export default function FitnessPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="FitFlow"
          navItems={[
            { name: "Workouts", id: "workouts" },
            { name: "Plans", id: "plans" },
            { name: "Community", id: "testimonials" },
            { name: "About", id: "metrics" }
          ]}
          button={{
            text: "Download App",            href: "#download"
          }}
          className="fixed top-6 left-1/2 -translate-x-1/2 z-50"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Transform Your Body, Elevate Your Life"
          description="Join thousands of fitness enthusiasts achieving their goals with our intelligent, personalized workout app. Real results, real community, real progress."
          tag="Fitness Revolution"
          tagIcon={Zap}
          buttons={[
            { text: "Download Now", href: "#download" },
            { text: "Learn More", href: "#workouts" }
          ]}
          kpis={[
            { value: "500K+", label: "Active Users" },
            { value: "10M+", label: "Workouts Completed" },
            { value: "2.5B", label: "Calories Burned" }
          ]}
          enableKpiAnimation={true}
          background={{ variant: "radial-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg"
          imageAlt="Professional athlete in training"
          imagePosition="right"
          className="py-20 md:py-32"
        />
      </div>

      <div id="workouts" data-section="workouts">
        <ProductCardFour
          title="Workout Plans for Every Goal"
          description="Choose from scientifically-designed workout programs tailored to your fitness level and objectives."
          tag="Personalized Programs"
          tagIcon={Target}
          textboxLayout="default"
          products={[
            {
              id: "strength",              name: "Strength Mastery",              price: "$9.99/mo",              variant: "Build Muscle • 4-5x Weekly",              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"
            },
            {
              id: "cardio",              name: "Cardio Blast",              price: "$9.99/mo",              variant: "Burn Fat • 3-4x Weekly",              imageSrc: "https://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59083.jpg",              imageAlt: "Cardio running workout"
            },
            {
              id: "yoga",              name: "Flexibility Flow",              price: "$7.99/mo",              variant: "Flexibility • Daily 20-30min",              imageSrc: "https://img.b2bpic.net/free-photo/athletic-shirtless-male-doing-workouts-back-with-power-exercise-machine-gym-club_613910-9461.jpg",              imageAlt: "Yoga flexibility training"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          className="py-20 md:py-32"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Impact by the Numbers"
          description="Real results from real people using FitFlow to transform their fitness journey."
          textboxLayout="default"
          metrics={[
            {
              id: "1",              value: "92%",              title: "Goal Achievement",              description: "Users reach their fitness targets within 90 days",              imageSrc: "https://img.b2bpic.net/free-photo/sportsman-doing-arm-warmup-gym-sport-lifestyle_169016-58063.jpg"
            },
            {
              id: "2",              value: "8.5★",              title: "App Rating",              description: "Highly rated across iOS and Android platforms",              imageSrc: "https://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-61545.jpg"
            },
            {
              id: "3",              value: "24/7",              title: "AI Coaching",              description: "Personalized guidance and form correction anytime",              imageSrc: "https://img.b2bpic.net/free-photo/ahlete-performs-triceps-exercises-with-cross-fit-rope-sports-lifestyle_169016-58408.jpg"
            }
          ]}
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
          className="py-20 md:py-32"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Why Choose FitFlow"
          description="Discover the features that make FitFlow your ultimate fitness companion."
          tag="Features"
          textboxLayout="default"
          features={[
            {
              id: 1,
              title: "Smart Progress Tracking",              description: "Monitor your gains with real-time analytics, workout history, and body composition tracking. Get insights that matter and celebrate every milestone.",              imageSrc: "https://img.b2bpic.net/free-photo/strong-man-training-gym_1303-23723.jpg"
            },
            {
              id: 2,
              title: "AI-Powered Plans",              description: "Machine learning algorithms adapt your workouts based on your performance, recovery, and goals. Get smarter stronger, faster with plans that evolve with you.",              imageSrc: "https://img.b2bpic.net/free-photo/young-athletic-man-using-rowing-machine-while-exercising-health-club_637285-2520.jpg"
            },
            {
              id: 3,
              title: "Community Support",              description: "Connect with 500K+ fitness enthusiasts worldwide. Share achievements, get motivation, and find accountability partners on your transformation journey.",              imageSrc: "https://img.b2bpic.net/free-photo/athlete-gym_1098-14467.jpg"
            }
          ]}
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          className="py-20 md:py-32"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Success Stories from Our Community"
          description="Real transformations from real people who trusted FitFlow with their fitness journey."
          tag="User Testimonials"
          textboxLayout="default"
          showRating={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahjfit",              testimonial: "Lost 25lbs in 4 months! The personalized workouts and AI coaching made all the difference. FitFlow became my daily routine.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg"
            },
            {
              id: "2",              name: "Marcus Chen",              handle: "@marcusgains",              testimonial: "Gained 15lbs of pure muscle with the strength programs. The form correction feedback is incredibly accurate. Best investment ever!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "@emilystrong",              testimonial: "The community support kept me motivated when I wanted to quit. FitFlow isn't just an app, it's a lifestyle. Completely transformed my body and mind.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
            },
            {
              id: "4",              name: "David Park",              handle: "@davidpark_fit",              testimonial: "Coming back from injury, FitFlow adapted my workouts perfectly. The flexible plans let me train at my own pace. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg"
            },
            {
              id: "5",              name: "Jessica Miller",              handle: "@jessicamilfit",              testimonial: "Never thought I'd be someone who enjoys working out. FitFlow made fitness fun and addictive. Changed my entire perspective on health.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg"
            },
            {
              id: "6",              name: "James Wilson",              handle: "@jamesgains",              testimonial: "The data-driven approach helped me break through plateaus. Every workout feels optimized. Worth every penny and then some!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"
            }
          ]}
          useInvertedBackground="noInvert"
          className="py-20 md:py-32"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your fitness journey. Cancel anytime, no hidden fees."
          tag="Plans"
          textboxLayout="default"
          plans={[
            {
              id: "free",              badge: "Getting Started",              badgeIcon: Sparkles,
              price: "Free",              subtitle: "Perfect for exploring",              features: [
                "3 full-length workouts",                "Basic progress tracking",                "Community access",                "Weekly motivation tips"
              ]
            },
            {
              id: "pro",              badge: "Most Popular",              badgeIcon: Zap,
              price: "$9.99/mo",              subtitle: "For serious gains",              features: [
                "Unlimited workouts",                "AI-powered personalization",                "Advanced analytics",                "Priority support",                "Offline downloads",                "Ad-free experience"
              ]
            },
            {
              id: "elite",              badge: "Premium Experience",              badgeIcon: Crown,
              price: "$19.99/mo",              subtitle: "Ultimate transformation",              features: [
                "Everything in Pro",                "1-on-1 coaching sessions",                "Nutrition planning",                "Custom meal prep guides",                "Early access to new features",                "VIP community group"
              ]
            }
          ]}
          animationType="depth-3d"
          useInvertedBackground="invertDefault"
          className="py-20 md:py-32"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Transform?"
          description="Join thousands achieving their fitness goals. Download FitFlow today and start your transformation with a personalized workout waiting for you."
          inputs={[
            {
              name: "email",              type: "email",              placeholder: "your@email.com",              required: true
            },
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            }
          ]}
          textarea={{
            name: "goal",            placeholder: "What's your main fitness goal? (e.g., Build muscle, Lose weight, Increase flexibility)",            rows: 3,
            required: false
          }}
          imageSrc="https://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg"
          imageAlt="Get started with FitFlow"
          mediaPosition="right"
          buttonText="Download App Now"
          useInvertedBackground="noInvert"
          className="py-20 md:py-32"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="FitFlow"
          leftLink={{
            text: "Privacy Policy",            href: "/privacy"
          }}
          rightLink={{
            text: "Terms of Service",            href: "/terms"
          }}
          className="py-12"
        />
      </div>
    </ThemeProvider>
  );
}