"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Download } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="FitFlow"
          navItems={[
            { name: "Plans", id: "plans" },
            { name: "Features", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="FitFlow"
          description="Transform your fitness journey with personalized workout plans, real-time progress tracking, and a supportive community"
          imageSrc="https://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-21382.jpg"
          imageAlt="Fitness motivation background"
          showDimOverlay={true}
          buttons={[
            { text: "Download Now", href: "https://apps.apple.com" },
            { text: "Learn More", href: "plans" }
          ]}
        />
      </div>

      <div id="plans" data-section="plans">
        <FeatureCardMedia
          title="Workout Plans Built for Every Goal"
          description="Choose from expertly-designed programs tailored to your fitness level and objectives"
          features={[
            {
              id: "strength",              title: "Strength Training",              description: "Build muscle and increase power with progressive resistance programs designed by certified trainers",              tag: "Build Muscle",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-gym-dumbbells-gym-workout-gym_169016-63307.jpg",              imageAlt: "Strength training workout"
            },
            {
              id: "cardio",              title: "Cardio & Endurance",              description: "Boost your cardiovascular health and stamina with varied cardio routines from HIIT to steady-state training",              tag: "Build Endurance",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-gym-dumbbells-gym-workout-gym_169016-63678.jpg",              imageAlt: "Cardio training session"
            },
            {
              id: "yoga",              title: "Yoga & Flexibility",              description: "Improve flexibility, reduce stress, and enhance recovery with guided yoga and stretching sessions",              tag: "Find Balance",              imageSrc: "https://img.b2bpic.net/free-photo/slender-athletic-girl-performs-physical-exercises-with-dumbbells_1153-5122.jpg",              imageAlt: "Yoga flexibility practice"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Everything You Need to Succeed"
          description="Powerful tools and features designed to keep you motivated and on track"
          features={[
            {
              id: "app",              title: "Smart Mobile App",              description: "Access your workouts, track progress, and stay connected with our intuitive iOS and Android app",              tag: "Technology",              imageSrc: "https://img.b2bpic.net/free-vector/task-management-app-interface_23-2148647718.jpg",              imageAlt: "FitFlow mobile app interface"
            },
            {
              id: "tracking",              title: "Advanced Progress Tracking",              description: "Monitor your stats with detailed analytics, charts, and personalized insights to optimize your training",              tag: "Analytics",              imageSrc: "https://img.b2bpic.net/free-vector/travel-booking-app-cconcept_23-2148592793.jpg",              imageAlt: "Progress tracking dashboard"
            },
            {
              id: "community",              title: "Supportive Community",              description: "Connect with thousands of fitness enthusiasts, share achievements, and get motivation from your peers",              tag: "Social",              imageSrc: "https://img.b2bpic.net/free-photo/happy-multiracial-people-talking-outdoors_74855-2913.jpg",              imageAlt: "Community fitness support"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Join Thousands of Fitness Enthusiasts Achieving Their Goals with FitFlow"
          tag="Our Impact"
          metrics={[
            {
              id: "users",              value: "500K+",              description: "Active users worldwide transforming their fitness journey"
            },
            {
              id: "workouts",              value: "2M+",              description: "Workouts completed and tracked on FitFlow"
            },
            {
              id: "transformation",              value: "95%",              description: "Of users report achieving their fitness goals within 6 months"
            },
            {
              id: "rating",              value: "4.8★",              description: "Average app store rating from verified user reviews"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/business-executives-with-hand-stacked_1170-1782.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/excited-caucasian-guy-with-smartphone-arguing-with-male-friend_1262-21033.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Davis",              imageSrc: "https://img.b2bpic.net/free-photo/excited-friends-watching-adorable-photos_1262-21035.jpg",              imageAlt: "Emma Davis"
            },
            {
              id: "4",              name: "James Wilson",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-people-making-surprise-male-friend-african-american-woman-presenting-chocolate-muffin-with-sparkler-concept-surprise_1262-20870.jpg",              imageAlt: "James Wilson"
            },
            {
              id: "5",              name: "Lisa Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/friends-taking-selfie-tailgate-party_53876-139606.jpg",              imageAlt: "Lisa Rodriguez"
            },
            {
              id: "6",              name: "David Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/young-friends-embracing-walking-outdoors_74855-2688.jpg",              imageAlt: "David Martinez"
            }
          ]}
          cardTitle="Join 500,000+ Fitness Enthusiasts Who Trust FitFlow to Achieve Their Goals"
          cardTag="Real Results from Real People"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why FitFlow?"
          description="Discover what makes us the top choice for fitness enthusiasts"
          tabs={[
            {
              id: "science",              label: "Science-Based",              description: "Our programs are developed by certified fitness coaches and sports scientists, backed by the latest research in exercise physiology and nutrition science to deliver real results"
            },
            {
              id: "personalized",              label: "Personalized",              description: "Every workout adapts to your fitness level, goals, and preferences. Our AI learns from your performance and adjusts your training to maximize results and minimize plateaus"
            },
            {
              id: "accessible",              label: "Accessible",              description: "Whether you're a complete beginner or an advanced athlete, FitFlow offers programs for every skill level with no expensive equipment required"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-people-watching-match-waiting-goal_329181-16804.jpg"
          imageAlt="Fitness coaching and support"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Fitness?"
          ctaDescription="Download FitFlow today and start your personalized fitness journey with expert guidance and community support"
          ctaButton={{
            text: "Download the App",            href: "https://apps.apple.com"
          }}
          ctaIcon={Download}
          faqs={[
            {
              id: "1",              title: "Is FitFlow suitable for beginners?",              content: "Absolutely! FitFlow offers programs for all fitness levels, from complete beginners to advanced athletes. Each program can be customized to match your current fitness level, and our trainers provide modifications for every exercise."
            },
            {
              id: "2",              title: "Do I need equipment to use FitFlow?",              content: "No equipment is required to get started. We offer bodyweight workout programs using just your body weight. However, we also provide programs for those with access to dumbbells, kettlebells, or gym equipment."
            },
            {
              id: "3",              title: "How often should I work out?",              content: "FitFlow programs range from 3 to 6 days per week, depending on your goals and schedule. You can choose the frequency that fits your lifestyle, and our AI will optimize your recovery and results accordingly."
            },
            {
              id: "4",              title: "Can I track my progress?",              content: "Yes! FitFlow includes comprehensive progress tracking with detailed statistics, body measurements, strength gains, and workout history. You can visualize your improvements through charts and reports."
            },
            {
              id: "5",              title: "Is there a community feature?",              content: "FitFlow includes a vibrant community where you can connect with other users, share your achievements, get motivation, and even find workout buddies. It's a supportive space for everyone pursuing their fitness goals."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/gym-with-motivational-phrase_1134-441.jpg"
          imageAlt="FitFlow fitness background"
          logoText="FitFlow"
          copyrightText="© 2025 FitFlow | Transform Your Fitness"
          columns={[
            {
              title: "Product",              items: [
                { label: "Download App", href: "https://apps.apple.com" },
                { label: "Workout Plans", href: "plans" },
                { label: "Features", href: "features" },
                { label: "Pricing", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "#" },
                { label: "FAQ", href: "contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}