"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Zap, Flame, Award, Star, HelpCircle } from "lucide-react";

export default function FitnessLandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="FitFlow"
          navItems={[
            { name: "Workouts", id: "workouts" },
            { name: "Features", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Download App",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel 
          title="Transform Your Body, Transform Your Life"
          description="Join thousands of fitness enthusiasts using FitFlow to achieve their goals. AI-powered workouts tailored to your fitness level and schedule."
          tag="Premium Fitness App"
          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: "Woman doing strength 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: "Man running outdoors"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/woman-lifting-weights-doing-chest-work-gym_169016-57291.jpg",              imageAlt: "Person lifting weights"
            },
            {
              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 session"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/young-sportswoman-having-cross-training-with-weight-plate-gym_637285-8530.jpg",              imageAlt: "Cycling workout"
            }
          ]}
          buttons={[
            { text: "Download Now", href: "contact" },
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>

      <div id="workouts" data-section="workouts">
        <ProductCardThree 
          title="Workout Plans for Every Goal"
          description="Choose from our curated selection of fitness programs designed by certified trainers. Each plan includes video guides, progress tracking, and nutrition tips."
          tag="Personalized Programs"
          tagIcon={Flame}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Beginner's 8-Week Program",              price: "$4.99/mo",              imageSrc: "https://img.b2bpic.net/free-photo/muscular-build-man-resting-after-cross-training-with-barbell-health-club_637285-2493.jpg",              imageAlt: "Beginner workout program"
            },
            {
              id: "2",              name: "Intermediate Strength Plan",              price: "$9.99/mo",              imageSrc: "https://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59083.jpg",              imageAlt: "Intermediate strength training"
            },
            {
              id: "3",              name: "Advanced Elite Program",              price: "$14.99/mo",              imageSrc: "https://img.b2bpic.net/free-photo/athletic-shirtless-male-doing-workouts-back-with-power-exercise-machine-gym-club_613910-9461.jpg",              imageAlt: "Advanced fitness program"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne 
          title="Why Choose FitFlow"
          description="Discover the features that make FitFlow the #1 choice for fitness enthusiasts worldwide."
          tag="Core Features"
          tagIcon={Award}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="two-columns-alternating-heights"
          features={[
            {
              title: "AI-Powered Workouts",              description: "Machine learning algorithms create personalized routines based on your goals, fitness level, and available equipment.",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg"
            },
            {
              title: "Progress Tracking",              description: "Real-time analytics and detailed metrics help you monitor strength gains, weight loss, and performance improvements.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-athletic-woman-exercising-rowing-machine-while-having-sports-training-fitness-center_637285-516.jpg"
            },
            {
              title: "Nutrition Guidance",              description: "Integrated meal plans and calorie tracking support your fitness goals with personalized dietary recommendations.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-lifting-weights-doing-chest-work-gym_169016-57291.jpg"
            },
            {
              title: "Community Support",              description: "Connect with millions of users, share achievements, get motivation, and celebrate milestones together.",              imageSrc: "https://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen 
          title="Success Stories from Our Community"
          description="Real results from real people. See how FitFlow has transformed lives across the globe."
          tag="User Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Marketing Manager",              company: "Tech Solutions Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "Sarah Johnson testimonial"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Software Engineer",              company: "StartupXYZ",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Michael Chen testimonial"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Fitness Coach",              company: "Wellness Pro",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg",              imageAlt: "Emily Rodriguez testimonial"
            },
            {
              id: "4",              name: "David Kim",              role: "Business Owner",              company: "Fit Ventures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",              imageAlt: "David Kim testimonial"
            }
          ]}
          kpiItems={[
            { value: "500K+", label: "Active Users" },
            { value: "95%", label: "Satisfaction Rate" },
            { value: "50M+", label: "Workouts Completed" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to start your fitness transformation? Download FitFlow today and get your first month completely free. Join thousands of users achieving their goals."
          animationType="entrance-slide"
          useInvertedBackground="invertDefault"
          background={{ variant: "gradient-bars" }}
          buttons={[
            { text: "Get FitFlow Free", href: "https://example.com/download" },
            { text: "View Plans", href: "workouts" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble 
          title="Frequently Asked Questions"
          description="Everything you need to know about FitFlow and how to maximize your fitness journey."
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Can I use FitFlow on multiple devices?",              content: "Yes! FitFlow works seamlessly across iOS, Android, and web platforms. Your progress syncs automatically across all devices so you can continue your workout anywhere."
            },
            {
              id: "2",              title: "Do I need equipment to use FitFlow?",              content: "No equipment necessary! We offer thousands of bodyweight workouts that require nothing but your body. We also have routines for every piece of equipment you might have."
            },
            {
              id: "3",              title: "Can I cancel my subscription anytime?",              content: "Absolutely. You can cancel your subscription at any time with just one click. No hidden fees, no long-term contracts. We want you to be 100% satisfied."
            },
            {
              id: "4",              title: "What's the best workout plan for beginners?",              content: "Our Beginner's 8-Week Program is specifically designed for newcomers. It focuses on building a solid foundation with low-impact exercises and proper form guidance."
            },
            {
              id: "5",              title: "How often should I work out?",              content: "FitFlow adapts to your schedule. Whether you have 15 minutes or 2 hours, we create personalized routines. Most users see best results with 3-5 workouts per week."
            },
            {
              id: "6",              title: "Does FitFlow track my nutrition?",              content: "Yes! Our integrated nutrition tracker includes meal planning, calorie counting, macro tracking, and personalized dietary recommendations based on your fitness goals."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal 
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "features" },
                { label: "Workouts", href: "workouts" },
                { label: "Pricing", href: "workouts" },
                { label: "Download", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "https://example.com/about" },
                { label: "Blog", href: "https://example.com/blog" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "https://example.com/privacy" },
                { label: "Terms of Service", href: "https://example.com/terms" },
                { label: "Cookie Policy", href: "https://example.com/cookies" },
                { label: "Support", href: "contact" }
              ]
            }
          ]}
          copyrightText="© 2025 FitFlow. All rights reserved. Transform your fitness today."
        />
      </div>
    </ThemeProvider>
  );
}