"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Crown, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="FitFlow"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Plans", id: "pricing" },
            { name: "Reviews", id: "testimonial" },
            { name: "FAQ", id: "faq" },
            { name: "Download", id: "contact" }
          ]}
          bottomLeftText="Transform Your Fitness"
          bottomRightText="hello@fitflow.app"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="FitFlow"
          description="Transform your body and mind with personalized workout plans, real-time tracking, and a supportive community of fitness enthusiasts."
          buttons={[
            { text: "Download Now", href: "#contact" },
            { text: "Explore Plans", href: "#pricing" }
          ]}
          background={{ variant: "sparkles-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="FitFlow workout app interface"
          frameStyle="card"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Workout Plans Designed for You"
          description="Choose the perfect training program to match your fitness goals and experience level."
          tag="Plans"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "1",              badge: "Beginner Friendly",              badgeIcon: Zap,
              price: "Free",              subtitle: "Start your fitness journey",              buttons: [
                { text: "Get Started", href: "#" }
              ],
              features: [
                "7 introductory workouts",                "Basic progress tracking",                "Community access",                "Mobile app access"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Star,
              price: "$9.99/mo",              subtitle: "Comprehensive training program",              buttons: [
                { text: "Subscribe", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "200+ structured workouts",                "Personalized coaching",                "Video tutorials",                "Nutrition guidance",                "Performance analytics",                "Priority support"
              ]
            },
            {
              id: "3",              badge: "Premium Elite",              badgeIcon: Crown,
              price: "$19.99/mo",              subtitle: "Elite coaching and resources",              buttons: [
                { text: "Go Premium", href: "#" },
                { text: "Chat Sales", href: "#" }
              ],
              features: [
                "Unlimited custom workouts",                "1-on-1 virtual coaching",                "Meal planning service",                "Recovery optimization",                "Live group classes",                "Exclusive content",                "Family plan available"
              ]
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Why Athletes Choose FitFlow"
          description="Discover the features that make FitFlow the ultimate fitness companion for your goals."
          tag="Features"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",              title: "Cardio Mastery",              description: "High-intensity and steady-state cardio workouts with real-time heart rate monitoring and personalized intensity adjustments.",              tag: "Cardio",              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 workout training",              buttons: [
                { text: "Explore Cardio", href: "#" }
              ]
            },
            {
              id: "2",              title: "Strength Building",              description: "Progressive strength training programs with form guides, load recommendations, and recovery strategies for muscle growth.",              tag: "Strength",              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: "Strength training exercises",              buttons: [
                { text: "View Programs", href: "#" }
              ]
            },
            {
              id: "3",              title: "Flexibility & Yoga",              description: "Gentle to advanced yoga sessions and stretching routines to improve flexibility, balance, and mental clarity.",              tag: "Wellness",              imageSrc: "https://img.b2bpic.net/free-photo/woman-lifting-weights-doing-chest-work-gym_169016-57291.jpg",              imageAlt: "Yoga and flexibility training",              buttons: [
                { text: "Start Yoga", href: "#" }
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Trusted by Fitness Enthusiasts"
          description="Join thousands of users transforming their lives with FitFlow's comprehensive fitness platform."
          tag="Impact"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "500K+",              title: "Active Users Worldwide",              items: [
                "Users in 150+ countries",                "Growing by 20% monthly",                "98% retention rate"
              ]
            },
            {
              id: "2",              value: "50M+",              title: "Workouts Completed",              items: [
                "45 minutes average session",                "4.8★ average rating",                "2 billion calories burned"
              ]
            },
            {
              id: "3",              value: "10K+",              title: "Certified Trainers",              items: [
                "Expert coaching support",                "24/7 community chat",                "Personalized guidance"
              ]
            },
            {
              id: "4",              value: "365",              title: "Days of Content",              items: [
                "New workouts daily",                "Seasonal programs",                "Updated nutrition tips"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardOne
          title="Success Stories from Our Community"
          description="Real transformations from dedicated users who achieved their fitness goals with FitFlow."
          tag="Testimonials"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              role: "Fitness Enthusiast",              company: "NYC",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/adorable-lovely-smiling-girl-with-long-wavy-hairstyle-black-sport-top-is-holding-arms-chest-looking-window-isolated-background_291650-2273.jpg",              imageAlt: "Sarah Martinez testimonial"
            },
            {
              id: "2",              name: "James Chen",              role: "Strength Coach",              company: "Los Angeles",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-caucasian-woman-wearing-sportswear-looking-confident-camera-with-smile-with-crossed-arms-hand-raised-chin-thinking-positive_839833-7891.jpg",              imageAlt: "James Chen testimonial"
            },
            {
              id: "3",              name: "Emma Thompson",              role: "Marathon Runner",              company: "London",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13209.jpg",              imageAlt: "Emma Thompson testimonial"
            },
            {
              id: "4",              name: "Michael Rodriguez",              role: "Gym Owner",              company: "Miami",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-fitness-woman-sport-activewear-cross-arms-chest-smiling-being-healthy-fit-training-exercising-white-background_176420-50325.jpg",              imageAlt: "Michael Rodriguez testimonial"
            },
            {
              id: "5",              name: "Lisa Wang",              role: "Yoga Instructor",              company: "San Francisco",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman_618663-83.jpg",              imageAlt: "Lisa Wang testimonial"
            },
            {
              id: "6",              name: "David Kumar",              role: "Wellness Coach",              company: "Toronto",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-crossing-arms_1187-3778.jpg",              imageAlt: "David Kumar testimonial"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Download"
          title="Start Your Transformation Today"
          description="Join over 500,000 users transforming their fitness journey. Download FitFlow and get instant access to personalized workouts, nutrition guidance, and a supportive community."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg"
          imageAlt="FitFlow app download"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Get App Link"
          termsText="By signing up, you agree to receive exclusive app updates and fitness tips. We respect your privacy."
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions About FitFlow"
          description="Find answers to frequently asked questions about our app, subscription plans, and fitness features."
          tag="Help"
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg"
          imageAlt="Fitness support and guidance"
          faqs={[
            {
              id: "1",              title: "What fitness level do I need to use FitFlow?",              content: "FitFlow is designed for all fitness levels - from complete beginners to advanced athletes. Our app adapts to your experience level and progressively increases difficulty as you improve. You can customize every workout to match your current abilities."
            },
            {
              id: "2",              title: "Can I cancel my subscription anytime?",              content: "Absolutely! You can cancel your FitFlow subscription at any time without penalties or hidden fees. Your premium features remain active through the end of your billing cycle, and you can easily downgrade to our free plan."
            },
            {
              id: "3",              title: "Do you offer nutrition guidance?",              content: "Yes! Our Premium and Elite plans include personalized nutrition guidance, meal planning, and grocery list features. Our nutritionists curate meal plans based on your fitness goals, dietary restrictions, and preferences."
            },
            {
              id: "4",              title: "Can I sync FitFlow with other fitness apps?",              content: "FitFlow integrates with Apple Health, Google Fit, Strava, and popular smartwatches. Your activity data syncs automatically, giving you a complete picture of your health metrics and progress."
            },
            {
              id: "5",              title: "Is there offline mode for workouts?",              content: "Yes! Download workouts to use offline without an internet connection. Perfect for gym sessions or outdoor training. Your progress syncs automatically when you're back online."
            },
            {
              id: "6",              title: "How often are new workouts added?",              content: "We add new workouts daily to keep your routine fresh and exciting. Our team of certified trainers constantly creates new programs across all fitness categories and experience levels."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="FitFlow"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Download", href: "#contact" },
                { label: "Security", href: "#" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Success Stories", href: "#testimonial" },
                { label: "Fitness Blog", href: "#" },
                { label: "User Forum", href: "#" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Help Center", href: "#faq" },
                { label: "Guides", href: "#" },
                { label: "API Docs", href: "#" },
                { label: "Status", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 FitFlow. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}