"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap, Flame, Star, Heart, Download } from "lucide-react";

export default function FitFlowPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="FitFlow"
          navItems={[
            { name: "Workouts", id: "workouts" },
            { name: "Plans", id: "plans" },
            { name: "Community", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Download App",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Transform Your Fitness Journey with FitFlow"
          description="Get personalized workout plans, real-time tracking, and community support to achieve your fitness goals faster"
          tag="Fitness Companion"
          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: "Intense workout training"
            },
            {
              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: "Yoga and flexibility training"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-athletic-woman-exercising-rowing-machine-while-having-sports-training-fitness-center_637285-516.jpg",              imageAlt: "Cardio and running workouts"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/woman-lifting-weights-doing-chest-work-gym_169016-57291.jpg",              imageAlt: "Strength training session"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/muscular-build-man-resting-after-cross-training-with-barbell-health-club_637285-2493.jpg",              imageAlt: "Group fitness class"
            }
          ]}
          buttons={[
            { text: "Download iOS", href: "contact" },
            { text: "Download Android", href: "contact" }
          ]}
        />
      </div>

      <div id="workouts" data-section="workouts">
        <ProductCardOne
          title="Choose Your Workout Style"
          description="Select from our expertly-designed workout programs tailored to your fitness level and goals"
          tag="Training Programs"
          tagIcon={Flame}
          textboxLayout="default"
          products={[
            {
              id: "1",              name: "Strength Builder",              price: "Beginner to Advanced",              imageSrc: "https://img.b2bpic.net/free-photo/sportswoman-doing-hyperextension-exercise_651396-754.jpg",              imageAlt: "Strength training program"
            },
            {
              id: "2",              name: "Cardio Blast",              price: "All Levels",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-blond-athletic-male-two-slim-female-fitness-models-doing-shoulder-exercises-with-dumbbells-gym-club_613910-16313.jpg",              imageAlt: "Cardio and HIIT training"
            },
            {
              id: "3",              name: "Flexibility Flow",              price: "Beginner Friendly",              imageSrc: "https://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg",              imageAlt: "Yoga and stretching program"
            }
          ]}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="plans" data-section="plans">
        <FeatureCardTwentyTwo
          title="What Makes FitFlow Different"
          description="Cutting-edge features designed to keep you motivated and track your progress every step of the way"
          tag="Premium Features"
          tagIcon={Star}
          textboxLayout="default"
          features={[
            {
              id: "1",              title: "AI-Powered Personalization",              category: ["Smart", "Adaptive", "Learning"],
              imageSrc: "https://img.b2bpic.net/free-photo/sportswoman-doing-hyperextension-exercise_651396-754.jpg",              imageAlt: "AI personalization feature"
            },
            {
              id: "2",              title: "Real-Time Progress Tracking",              category: ["Analytics", "Metrics", "Insights"],
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-blond-athletic-male-two-slim-female-fitness-models-doing-shoulder-exercises-with-dumbbells-gym-club_613910-16313.jpg",              imageAlt: "Progress tracking dashboard"
            },
            {
              id: "3",              title: "Live Coaching Sessions",              category: ["Community", "Expert", "Support"],
              imageSrc: "https://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg",              imageAlt: "Live coaching session"
            },
            {
              id: "4",              title: "Social Challenges",              category: ["Motivation", "Competition", "Community"],
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg",              imageAlt: "Social fitness challenges"
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Trusted by fitness enthusiasts worldwide who've transformed their health and built lasting habits"
          tag="Impact"
          metrics={[
            {
              id: "1",              value: "2.5M+",              description: "Active users worldwide achieving their fitness goals"
            },
            {
              id: "2",              value: "98%",              description: "User satisfaction rate from our community feedback"
            },
            {
              id: "3",              value: "500K+",              description: "Workouts completed monthly by our dedicated community"
            },
            {
              id: "4",              value: "4.9★",              description: "Average app rating across iOS and Android stores"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Real Results from Real Users"
          description="Hear from our community members who've transformed their lives with FitFlow"
          tag="Testimonials"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              handle: "@sarahmartinez_fitness",              testimonial: "FitFlow completely changed my approach to fitness. Lost 25 pounds in 6 months with personalized guidance and community support!",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jameschen_trainer",              testimonial: "As a trainer, I recommend FitFlow to all my clients. The tracking and accountability features are unmatched.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Thompson",              handle: "@emmathompson_wellness",              testimonial: "The live coaching sessions helped me achieve my dream physique. Best investment in my health!",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-625.jpg",              imageAlt: "Emma Thompson"
            },
            {
              id: "4",              name: "Michael Rodriguez",              handle: "@mrodriguez_strong",              testimonial: "Never thought I could stay consistent. FitFlow's community challenges kept me motivated throughout my journey.",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-sports-woman-with-arms-crossed_171337-8914.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "5",              name: "Jessica Lee",              handle: "@jessicalee_fit",              testimonial: "The AI personalization is incredible. It adapts to my progress and pushes me at exactly the right level.",              imageSrc: "https://img.b2bpic.net/free-photo/physically-fit-woman-with-long-hair-is-standing-crossed-her-hands-dark-background_613910-13266.jpg",              imageAlt: "Jessica Lee"
            },
            {
              id: "6",              name: "David Park",              handle: "@davidpark_athlete",              testimonial: "Transformed from sedentary to running marathons. FitFlow made it possible with structured guidance and support.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-618.jpg",              imageAlt: "David Park"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about FitFlow and getting started with your fitness journey"
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",              title: "Is FitFlow suitable for beginners?",              content: "Absolutely! FitFlow is designed for all fitness levels. Our AI adapts workouts based on your current fitness level, whether you're just starting out or an experienced athlete. We provide modifications for every exercise to ensure safety and effectiveness."
            },
            {
              id: "2",              title: "What devices does FitFlow work on?",              content: "FitFlow is available on iOS (iPhone and iPad) and Android devices. You can sync your progress across all your devices and pick up where you left off. Our app also integrates with popular fitness wearables and smartwatches."
            },
            {
              id: "3",              title: "Can I cancel my subscription anytime?",              content: "Yes! There are no long-term contracts. You can cancel your subscription anytime from your account settings. We believe in earning your loyalty every day, not locking you into commitments."
            },
            {
              id: "4",              title: "Do I need gym equipment for workouts?",              content: "Not necessarily. FitFlow offers bodyweight workouts, gym-based programs, and home equipment options. You can choose workouts based on what's available to you, making fitness accessible wherever you are."
            },
            {
              id: "5",              title: "How does the AI personalization work?",              content: "Our AI learns from your workout history, performance data, recovery metrics, and preferences. It continuously adjusts your program to ensure progressive overload, prevent plateaus, and keep you engaged with varied routines."
            },
            {
              id: "6",              title: "Is there a community aspect?",              content: "Yes! Join our vibrant community, participate in monthly challenges, connect with other fitness enthusiasts, and get support from certified coaches. Many of our best success stories come from the friendships formed within FitFlow."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Download Now"
          title="Start Your Transformation Today"
          description="Join over 2.5 million users who've already taken control of their fitness. Get FitFlow free and begin your journey to a healthier, stronger you."
          tagIcon={Download}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Get Started Free"
          termsText="No credit card required. Try FitFlow free for 14 days. By signing up, you agree to our Terms of Service and Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="FitFlow"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "plans" },
                { label: "Pricing", href: "contact" },
                { label: "Security", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "GDPR", href: "#" }
              ]
            },
            {
              title: "Follow",              items: [
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            }
          ]}
          copyrightText="© 2025 FitFlow. All rights reserved. Transforming fitness, one rep at a time."
        />
      </div>
    </ThemeProvider>
  );
}