"use client"

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Sparkles, CheckCircle, Zap, Heart, CreditCard, Play, Award, TrendingUp, HelpCircle, ArrowRight } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="medium"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="FlowPilates"
          navItems={[
            { name: "About", id: "about" },
            { name: "Workouts", id: "product" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonial" },
            { name: "FAQ", id: "faq" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Transform Your Body with Expert Pilates Workouts"
          description="Stream anytime, anywhere—designed for your home, your schedule, and your goals"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/young-female-athlete-practicing-yoga-cobra-pose-her-living-room_637285-6222.jpg",              alt: "Satisfied Pilates student 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/full-view-sportswomen-doing-attractive-yoga-home-with-hand-up_197531-32333.jpg",              alt: "Satisfied Pilates student 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/pretty-healthy-woman-making-difficult-exercise-floor_171337-7939.jpg",              alt: "Certified Pilates instructor"
            }
          ]}
          avatarText="Join 10,000+ women transforming their bodies"
          buttons={[
            { text: "Start My Free Trial", href: "#contact" },
            { text: "Explore Workouts", href: "#product" }
          ]}
          background={{ variant: "downward-rays-animated" }}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Why Choose Us"
          tagIcon={Sparkles}
          title="Flexible Fitness for Your Lifestyle"
          description="FlowPilates combines expert instruction with the convenience of home workouts. Our carefully curated video library offers everything from gentle flexibility training to challenging core workouts, all designed by certified Pilates instructors. Whether you're a complete beginner or an experienced practitioner, our programs adapt to your pace and goals."
          metrics={[
            { value: "500+", title: "Expert-Designed Workouts" },
            { value: "24/7", title: "Stream Anytime, Anywhere" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/woman-doing-her-workout-home_23-2148995606.jpg"
          imageAlt="Woman practicing Pilates at home"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Three Pillars of Pilates Mastery"
          description="Our approach focuses on the core principles that transform your body and mind"
          tag="Our Method"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Core Strength & Stability",              description: "Build a powerful core foundation with targeted exercises that develop deep abdominal muscles, improve posture, and enhance overall body stability for everyday activities.",              imageSrc: "https://img.b2bpic.net/free-photo/mid-adult-athletic-woman-doing-relaxation-exercises-home-workout_637285-10627.jpg",              imageAlt: "Core strength training"
            },
            {
              id: 2,
              title: "Flexibility & Mind-Body Connection",              description: "Develop lean, elongated muscles while cultivating mindfulness and body awareness. Our flowing sequences help you move with grace and purpose.",              imageSrc: "https://img.b2bpic.net/free-photo/young-happy-female-athlete-stretching-while-practicing-yoga-home_637285-2976.jpg",              imageAlt: "Flexibility and stretching exercises"
            },
            {
              id: 3,
              title: "Results-Driven Video Training",              description: "Follow professional instructors through clear, progressive workouts that deliver visible results. Stream on any device with personalized progress tracking.",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-young-asian-woman-sportswear-sitting-exercise-mat-watching-training-online-videos-digital-tablet_658552-40.jpg",              imageAlt: "Online Pilates video class"
            }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Featured Video Workouts"
          description="Explore our most popular Pilates programs designed for every fitness level"
          tag="Top Sellers"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "Beginner Foundations",              price: "$14.99/mo",              imageSrc: "https://img.b2bpic.net/free-photo/image-young-asian-woman-doing-yoga-home-floor-mat-meditating-activewear-living-room_1258-83786.jpg",              imageAlt: "Beginner Pilates foundation workout"
            },
            {
              id: "2",              name: "Intermediate Toning",              price: "$14.99/mo",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-training-home-alone_23-2148995668.jpg",              imageAlt: "Intermediate Pilates toning program"
            },
            {
              id: "3",              name: "Advanced Flexibility",              price: "$14.99/mo",              imageSrc: "https://img.b2bpic.net/free-photo/long-shot-woman-practicing-yoga_23-2148813056.jpg",              imageAlt: "Advanced Pilates flexibility training"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardSix
          title="Real Transformations from Our Community"
          description="Hear from women who've experienced the FlowPilates difference"
          tag="Success Stories"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahj_fitness",              testimonial: "I've lost 15 pounds and feel stronger than ever. The guided workouts keep me accountable, and I love that I can exercise on my own schedule.",              imageSrc: "https://img.b2bpic.net/free-photo/young-african-woman-making-exercises-home_171337-7942.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Emily Chen",              handle: "@emilyc_wellness",              testimonial: "As a busy mom, FlowPilates saved my fitness journey. Short, effective workouts that fit into my chaotic schedule perfectly.",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-healthy-woman-making-difficult-exercise-floor_171337-7760.jpg",              imageAlt: "Emily Chen"
            },
            {
              id: "3",              name: "Michelle Rodriguez",              handle: "@michelle_moves",              testimonial: "The mental clarity I've gained is as important as the physical transformation. Every session leaves me feeling centered and powerful.",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-healthy-woman-making-difficult-exercise-floor_171337-7941.jpg",              imageAlt: "Michelle Rodriguez"
            },
            {
              id: "4",              name: "Jessica Park",              handle: "@jpark_strong",              testimonial: "After a year with FlowPilates, my posture is perfect and my core has never been stronger. Absolutely life-changing!",              imageSrc: "https://img.b2bpic.net/free-photo/pregnant-woman-exercising-with-help-reformer-pilates-class_1303-30185.jpg",              imageAlt: "Jessica Park"
            },
            {
              id: "5",              name: "Amanda Williams",              handle: "@amanda_pilates",              testimonial: "The progression structure is brilliant. I started as a complete beginner and now I'm doing advanced moves I never thought possible.",              imageSrc: "https://img.b2bpic.net/free-photo/concentrated-healthy-woman-making-difficult-exercise-floor_171337-7923.jpg",              imageAlt: "Amanda Williams"
            },
            {
              id: "6",              name: "Victoria Lee",              handle: "@victoria_moves",              testimonial: "Best investment in my health. The instructors are encouraging, the community is supportive, and the results speak for themselves.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-female-athlete-doing-stretching-exercises-while-working-out-living-room_637285-6254.jpg",              imageAlt: "Victoria Lee"
            }
          ]}
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Flexible Plans for Every Goal"
          description="Choose the perfect membership to start your Pilates journey today"
          tag="Pricing"
          tagIcon={CreditCard}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "free",              badge: "Starter",              badgeIcon: Play,
              price: "Free",              subtitle: "Perfect for trying Pilates",              buttons: [
                { text: "Start Free Trial", href: "#contact" },
                { text: "Learn More", href: "#faq" }
              ],
              features: [
                "3 free beginner workouts",                "7-day trial access",                "Community support"
              ]
            },
            {
              id: "monthly",              badge: "Popular",              badgeIcon: Sparkles,
              price: "$14.99/mo",              subtitle: "Best for consistent practice",              buttons: [
                { text: "Subscribe Now", href: "#contact" },
                { text: "Contact Sales", href: "contact" }
              ],
              features: [
                "Unlimited access to all 500+ videos",                "New workouts added weekly",                "Progress tracking dashboard",                "Mobile app included"
              ]
            },
            {
              id: "annual",              badge: "Best Value",              badgeIcon: Award,
              price: "$119/year",              subtitle: "Save 33% with annual plan",              buttons: [
                { text: "Get Annual Plan", href: "#contact" },
                { text: "Chat with Us", href: "contact" }
              ],
              features: [
                "Everything in Monthly",                "2 months free",                "Priority instructor support",                "Exclusive annual challenges"
              ]
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Why Women Love FlowPilates"
          description="Real results backed by real numbers"
          tag="Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "10K+",              title: "Active Members",              items: [
                "Women from 25-45 years old",                "Growing community worldwide",                "Average 4.8-star rating"
              ]
            },
            {
              id: "2",              value: "92%",              title: "See Results in 30 Days",              items: [
                "Increased core strength",                "Better posture and flexibility",                "Improved confidence"
              ]
            },
            {
              id: "3",              value: "4.9/5",              title: "Member Satisfaction",              items: [
                "Exceeds expectations",                "Highly recommend to friends",                "Life-changing impact"
              ]
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about FlowPilates"
          tag="Help Center"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          imageSrc="https://img.b2bpic.net/free-photo/dedicated-female-athlete-practicing-squats-while-using-dumbbells-home_637285-11639.jpg"
          imageAlt="Woman practicing peaceful Pilates"
          faqs={[
            {
              id: "1",              title: "Do I need any equipment to get started?",              content: "No! Most of our beginner and intermediate workouts require just a yoga mat and your body weight. Some advanced classes use optional props like resistance bands, but they're not essential. We have modifications for every exercise."
            },
            {
              id: "2",              title: "Is Pilates suitable for beginners?",              content: "Absolutely! Pilates is perfect for beginners. Our Beginner Foundations program is specifically designed to teach proper form and build your foundation safely. You'll progress at your own pace with clear modifications provided throughout."
            },
            {
              id: "3",              title: "How often should I practice Pilates?",              content: "For best results, we recommend 3-4 sessions per week. However, even 2 sessions weekly will show improvement. Our flexible schedule lets you train as often as you want—some members practice daily, others prefer weekly routines."
            },
            {
              id: "4",              title: "Can I pause or cancel my membership anytime?",              content: "Yes! There are no long-term contracts. You can pause your membership for up to 3 months or cancel anytime with just one click. No hidden fees or complicated cancellation process."
            },
            {
              id: "5",              title: "What if I'm injured or have back issues?",              content: "Pilates is excellent for rehabilitation and strengthening weak areas. However, always consult your doctor first. Our instructors provide modifications for common injuries, and we recommend working with a physical therapist alongside our programs."
            },
            {
              id: "6",              title: "How long until I see visible results?",              content: "Most members report better posture and increased core strength within 2-3 weeks. Visible body toning typically appears after 6-8 weeks of consistent practice. Mental clarity and stress relief benefits often come even sooner."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform?"
          ctaDescription="Start your free 7-day trial today. No credit card required."
          ctaButton={{ text: "Start My Free Trial", href: "https://flowpilates.example.com/signup" }}
          ctaIcon={ArrowRight}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What happens after my free trial?",              content: "Your trial automatically converts to a monthly membership at $14.99/month unless you cancel. You'll have full access to all 500+ workouts during your trial."
            },
            {
              id: "2",              title: "Can I gift a membership?",              content: "Yes! Gift memberships make wonderful presents for friends and family. Visit our gift membership page to choose between 1, 3, 6, or 12-month plans."
            },
            {
              id: "3",              title: "Do you offer corporate or group rates?",              content: "We do! Companies often provide FlowPilates memberships as a wellness benefit. Contact our business team at business@flowpilates.example.com for pricing and bulk options."
            },
            {
              id: "4",              title: "What if I want to become an instructor?",              content: "We're always looking for certified Pilates instructors! If you're interested in creating content or teaching live classes, email instructor@flowpilates.example.com with your credentials."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="FlowPilates"
          leftLink={{ text: "Privacy Policy", href: "https://flowpilates.example.com/privacy" }}
          rightLink={{ text: "Terms of Service", href: "https://flowpilates.example.com/terms" }}
        />
      </div>
    </ThemeProvider>
  );
}