"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Zap, Heart, Flame, TrendingUp, Star, Rocket } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {"name": "Home", "id": "home"},
            {"name": "Workouts", "id": "workouts"},
            {"name": "Results", "id": "results"},
            {"name": "Reviews", "id": "reviews"},
            {"name": "Download", "id": "download"}
          ]}
          brandName="FitFlow"
          bottomLeftText="Transform Your Body"
          bottomRightText="hello@fitflow.app"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Transform Your Fitness Journey"
          description="Join thousands of users achieving their goals with personalized workout plans, real-time progress tracking, and expert guidance. Start your transformation today."
          tag="Mobile Fitness App"
          tagIcon={Zap}
          background={{"variant": "rotated-rays-animated-grid"}}
          buttons={[
            {"text": "Download Now", "href": "#download"},
            {"text": "Learn More", "href": "#workouts"}
          ]}
          carouselItems={[
            {"id": "1", "imageSrc": "https://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg", "imageAlt": "Strength training workout"},
            {"id": "2", "imageSrc": "https://img.b2bpic.net/free-photo/muscular-build-man-resting-after-cross-training-with-barbell-health-club_637285-2493.jpg", "imageAlt": "Cardio and running exercise"},
            {"id": "3", "imageSrc": "https://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-59855.jpg", "imageAlt": "Yoga and flexibility training"},
            {"id": "4", "imageSrc": "https://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg", "imageAlt": "HIIT and intense training"},
            {"id": "5", "imageSrc": "https://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59083.jpg", "imageAlt": "Functional training workout"},
            {"id": "6", "imageSrc": "https://img.b2bpic.net/free-photo/active-woman-gym_1098-13871.jpg", "imageAlt": "Recovery and stretching session"}
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
        />
      </div>
      
      <div id="about" data-section="about">
        <TextAbout
          tag="Why FitFlow"
          tagIcon={Heart}
          title="Your Personal AI-Powered Fitness Coach in Your Pocket"
          useInvertedBackground="noInvert"
          buttons={[
            {"text": "Get Started Free", "href": "#download"}
          ]}
        />
      </div>
      
      <div id="workouts" data-section="workouts">
        <FeatureCardSeven
          features={[
            {
              "id": 1,
              "title": "Beginner's Bootcamp",              "description": "Start your fitness journey with foundational exercises and easy-to-follow routines. Perfect for building healthy habits and establishing consistency.",              "imageSrc": "https://img.b2bpic.net/free-photo/young-woman-gym-dumbbells-gym-workout-gym_169016-63307.jpg",              "imageAlt": "Beginner workout routine"
            },
            {
              "id": 2,
              "title": "Strength Building Program",              "description": "Progressive strength training designed to increase muscle mass and bone density. Includes progressive overload techniques for continuous improvement.",              "imageSrc": "https://img.b2bpic.net/free-photo/young-athletic-woman-lifting-barbell-while-having-strength-training-with-her-instructor-gym_637285-2461.jpg",              "imageAlt": "Strength training program"
            },
            {
              "id": 3,
              "title": "Advanced Athlete Protocol",              "description": "High-intensity workouts for experienced athletes looking to maximize performance and results. Includes periodization and advanced training principles.",              "imageSrc": "https://img.b2bpic.net/free-photo/athletic-shirtless-male-doing-workouts-back-with-power-exercise-machine-gym-club_613910-9461.jpg",              "imageAlt": "Advanced athlete training"
            }
          ]}
          title="Comprehensive Workout Plans"
          description="Choose from expertly designed workout programs tailored to your fitness level and goals"
          tag="Workout Plans"
          tagIcon={Flame}
          textboxLayout="split"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          metrics={[
            {"id": "1", "value": "500K+", "description": "Active Users Worldwide"},
            {"id": "2", "value": "98%", "description": "User Satisfaction Rate"},
            {"id": "3", "value": "2.5M+", "description": "Workouts Completed"},
            {"id": "4", "value": "45 Days", "description": "Average Transformation Time"}
          ]}
          title="Proven Results"
          description="Join our growing community of fitness enthusiasts"
          tag="Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          testimonials={[
            {
              "id": "1",              "name": "Sarah Mitchell, Marketing Manager",              "date": "Date: 15 November 2024",              "title": "Lost 20 pounds and gained confidence!",              "quote": "FitFlow completely changed my approach to fitness. The personalized workout plans and real-time feedback helped me stay motivated. I've never felt better about my body and health.",              "tag": "Premium Plan",              "avatarSrc": "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",              "imageSrc": "https://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-58082.jpg",              "imageAlt": "Sarah's transformation journey"
            },
            {
              "id": "2",              "name": "James Rodriguez, Software Engineer",              "date": "Date: 22 October 2024",              "title": "Perfect for busy professionals",              "quote": "As someone with a hectic schedule, FitFlow's flexible workout options are a game-changer. I can fit in quick 30-minute sessions and still see amazing results. Highly recommended!",              "tag": "Standard Plan",              "avatarSrc": "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",              "imageSrc": "https://img.b2bpic.net/free-photo/portrait-bald-athletic-man-with-tattoo-his-hand-is-preparing-exercises-with-barbell_613910-21481.jpg",              "imageAlt": "James's fitness progress"
            },
            {
              "id": "3",              "name": "Emily Chen, Fitness Enthusiast",              "date": "Date: 8 October 2024",              "title": "Advanced features for serious athletes",              "quote": "The analytics and progress tracking features are incredibly detailed. I love seeing my improvement metrics and being able to adjust my training based on data. This app is a must-have.",              "tag": "Pro Plan",              "avatarSrc": "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-625.jpg",              "imageSrc": "https://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-58860.jpg",              "imageAlt": "Emily's athletic performance"
            },
            {
              "id": "4",              "name": "Michael Thompson, Nutrition Coach",              "date": "Date: 25 September 2024",              "title": "Integrated approach to fitness",              "quote": "What impressed me most is how FitFlow combines workouts with nutrition guidance. It's a complete package that actually works. My clients have seen remarkable transformations.",              "tag": "Pro Plan",              "avatarSrc": "https://img.b2bpic.net/free-photo/cheerful-young-sports-woman-with-arms-crossed_171337-8914.jpg",              "imageSrc": "https://img.b2bpic.net/free-photo/girl-swings-her-back-exercise-machine_169016-63277.jpg",              "imageAlt": "Michael's coaching success"
            },
            {
              "id": "5",              "name": "Jessica Lee, Personal Trainer",              "date": "Date: 12 September 2024",              "title": "Best app for accountability",              "quote": "I recommend FitFlow to all my clients. The community features and progress tracking keep them accountable. It's like having a personal trainer and coach available 24/7.",              "tag": "Premium Plan",              "avatarSrc": "https://img.b2bpic.net/free-photo/physically-fit-woman-with-long-hair-is-standing-crossed-her-hands-dark-background_613910-13266.jpg",              "imageSrc": "https://img.b2bpic.net/free-photo/handsome-black-man-is-engaged-gym_1157-32175.jpg",              "imageAlt": "Jessica's client transformations"
            },
            {
              "id": "6",              "name": "David Anderson, Former Athlete",              "date": "Date: 28 August 2024",              "title": "Helped me get back in shape",              "quote": "After years away from training, FitFlow made it easy to return to fitness. The beginner programs and gradual progression system work perfectly. I'm back to my peak performance!",              "tag": "Standard Plan",              "avatarSrc": "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-618.jpg",              "imageSrc": "https://img.b2bpic.net/free-photo/athlete-with-barbell-swings-his-arms-gym-sport-lifestyle_169016-61199.jpg",              "imageAlt": "David's comeback story"
            }
          ]}
          title="User Success Stories"
          description="Hear from real users who transformed their lives with FitFlow"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitText
          faqs={[
            {
              "id": "1",              "title": "Is FitFlow suitable for beginners?",              "content": "Absolutely! FitFlow offers beginner-friendly programs designed by certified fitness professionals. We start with foundational exercises and gradually increase intensity as you build strength and confidence. Our Beginner's Bootcamp is perfect for anyone just starting their fitness journey."
            },
            {
              "id": "2",              "title": "How much does FitFlow cost?",              "content": "FitFlow offers three plans: Free (with limited workouts), Standard ($9.99/month), and Premium ($19.99/month) with full access to all workouts and personalized coaching. All paid plans come with a 7-day free trial, so you can test before committing."
            },
            {
              "id": "3",              "title": "Can I track my progress?",              "content": "Yes! Our detailed analytics dashboard tracks your workout history, weight changes, strength improvements, and fitness milestones. You'll receive weekly progress reports and personalized recommendations to optimize your training based on your data."
            },
            {
              "id": "4",              "title": "Do I need special equipment?",              "content": "FitFlow offers programs for all scenarios - with and without equipment. You'll find bodyweight workouts, dumbbell routines, and gym-based programs. Choose what works best for your situation and equipment availability."
            },
            {
              "id": "5",              "title": "How long are the workouts?",              "content": "Our workouts range from 15 to 60 minutes, allowing you to choose based on your available time. Quick 15-30 minute sessions are perfect for busy schedules, while longer workouts provide deeper training benefits for those with more time."
            },
            {
              "id": "6",              "title": "Can I download workouts offline?",              "content": "Yes! Premium members can download workouts to use offline. This is perfect for traveling, at the gym without connectivity, or anywhere you want to train without using data. Download as many workouts as you need."
            }
          ]}
          sideTitle="Common Questions"
          sideDescription="Everything you need to know about FitFlow and getting started with your fitness journey"
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>
      
      <div id="download" data-section="download">
        <ContactCenter
          tag="Ready to Transform?"
          tagIcon={Rocket}
          title="Download FitFlow Today"
          description="Join the fitness revolution and start your transformation journey. Download the app for iOS or Android and get 7 days free access to all premium features."
          background={{"variant": "downward-rays-animated-grid"}}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Your email address"
          buttonText="Get Free Access"
          termsText="By downloading, you agree to our Terms of Service and Privacy Policy. Cancel your free trial anytime."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="FitFlow"
          leftLink={{"text": "Privacy Policy", "href": "/privacy"}}
          rightLink={{"text": "Terms of Service", "href": "/terms"}}
        />
      </div>
    </ThemeProvider>
  );
}