"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Award, HelpCircle, Heart, Flame, Zap, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="large"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="FitFlow"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Programs", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Start Free Trial", href: "contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="FITFLOW"
          description="Transform your fitness journey with personalized workout routines designed for every level—from beginner to advanced athletes."
          buttons={[
            { text: "Explore Programs", href: "features" },
            { text: "Start Free Trial", href: "contact" },
          ]}
          slides={[
            {
              imageSrc: "http://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: "Dynamic gym workout environment"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/male-feet-sneakers-running-treadmill-gym-exercise-concept_335224-798.jpg",              imageAlt: "Cardio training session"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/many-black-dumbbells_1163-128.jpg",              imageAlt: "Strength training with weights"},
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About FitFlow"
          tagAnimation="slide-up"
          title="Your personalized fitness companion for every body type and fitness level"
          useInvertedBackground={false}
          buttons={[{ text: "View All Programs", href: "features" }]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Our Workout Programs"
          description="Discover routines tailored to your fitness level with expert guidance and progressive challenges"
          tag="Programs"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              title: "Beginner Basics",              description: "Start your fitness journey with foundational exercises and proper form techniques designed to build confidence and establish healthy habits.",              icon: Heart,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/determined-athletic-woman-working-out-plank-pose-while-listening-music-earphones-health-club_637285-5225.jpg",                  imageAlt: "Beginner workout program"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/woman-practicing-advanced-yoga-by-water_1157-37123.jpg",                  imageAlt: "Flexibility and stretching exercises"},
              ],
            },
            {
              title: "Intermediate Training",              description: "Progress to intermediate routines with increased intensity and variety. Build strength and endurance with circuit training and functional fitness.",              icon: Flame,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/woman-performing-plank-exercise_23-2147789626.jpg",                  imageAlt: "Intermediate circuit training"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/happy-sportswoman-using-power-band-while-working-out-home_637285-5247.jpg",                  imageAlt: "Resistance band exercises"},
              ],
            },
            {
              title: "Advanced Performance",              description: "Challenge yourself with advanced programs designed for serious athletes. High-intensity workouts, specialized training, and peak performance optimization.",              icon: Zap,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/muscular-build-man-resting-after-cross-training-with-barbell-health-club_637285-2493.jpg",                  imageAlt: "Advanced intense training"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-taking-break-from-gym-class_662251-1293.jpg",                  imageAlt: "HIIT cardio training"},
              ],
            },
          ]}
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Start Your Program", href: "contact" }]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Choose Your Fitness Plan"
          description="Select the perfect membership to match your fitness goals and lifestyle"
          tag="Pricing"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          plans={[
            {
              id: "starter",              badge: "Perfect for Beginners",              badgeIcon: Heart,
              price: "$29/mo",              subtitle: "Ideal for getting started with fitness",              features: [
                "Access to 50+ beginner routines",                "Form check video guides",                "Monthly progress tracking",                "Community support forum",                "Mobile app access"],
            },
            {
              id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$59/mo",              subtitle: "Best for consistent training",              features: [
                "All Starter features",                "200+ workout routines all levels",                "1-on-1 technique coaching",                "Personalized meal plans",                "Advanced progress analytics",                "Priority support",                "Ad-free experience"],
            },
            {
              id: "elite",              badge: "For Serious Athletes",              badgeIcon: Zap,
              price: "$99/mo",              subtitle: "Complete fitness transformation",              features: [
                "All Pro features",                "500+ elite routines",                "Weekly live coaching sessions",                "Custom workout programming",                "Nutrition consultation",                "Biometric integration",                "VIP community access",                "Lifetime progress history"],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Get Started Today", href: "contact" }]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",              imageAlt: "Sarah Johnson"},
            {
              id: "2",              name: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",              imageAlt: "Michael Chen"},
            {
              id: "3",              name: "Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",              imageAlt: "Emily Rodriguez"},
            {
              id: "4",              name: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",              imageAlt: "David Kim"},
          ]}
          cardTitle="Join 50,000+ members who transformed their fitness journey with FitFlow"
          cardTag="Success Stories"
          cardTagIcon={Award}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our programs, membership, and fitness guidance"
          tag="Help"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What if I'm completely new to fitness?",              content: "Perfect! FitFlow has dedicated beginner programs with step-by-step form guides, video demonstrations, and low-impact exercises. Our coaches ensure you build proper habits from day one. Start with our Beginner Basics program for a personalized onboarding experience."},
            {
              id: "2",              title: "Can I work out at home or do I need a gym?",              content: "You can do both! We offer routines for home workouts using minimal equipment (or just bodyweight) and gym-based programs. Our programs are clearly labeled, so you can filter based on your available equipment and space."},
            {
              id: "3",              title: "How often should I work out per week?",              content: "This depends on your fitness level and goals. Beginners typically start with 3-4 sessions per week, intermediate athletes do 4-5 times weekly, and advanced athletes may train 5-6+ days. Our coaches will customize a schedule based on your needs."},
            {
              id: "4",              title: "Do you offer nutrition guidance?",              content: "Yes! Our Pro and Elite plans include personalized meal plans and nutritional guidance. Our Elite plan even includes consultations with nutrition specialists to complement your workout routine."},
            {
              id: "5",              title: "What happens if I miss a workout?",              content: "No problem! Our routines are flexible. If you miss a day, simply continue from where you left off. We track your progress so you can see your overall improvements without guilt about occasional missed sessions."},
            {
              id: "6",              title: "Can I switch programs or fitness levels?",              content: "Absolutely! Your fitness journey evolves, and so should your routine. You can upgrade to intermediate or advanced programs anytime, and our system will recommend appropriate progressions based on your current performance."},
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Transform?"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Start Your Free Trial Today"
          description="Join thousands of members achieving their fitness goals. Get 7 days free access to explore all our programs, no credit card required."
          buttons={[
            { text: "Start Free Trial", href: "https://example.com/signup" },
            { text: "View Programs", href: "features" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="FitFlow"
          copyrightText="© 2025 FitFlow | All rights reserved"
          columns={[
            {
              title: "Product",              items: [
                { label: "Programs", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Mobile App", href: "#" },
                { label: "Blog", href: "#" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Press", href: "#" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Support", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
