"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Instagram, Facebook, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="shadow-colored"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="minimal"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Serenity Yoga"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Classes", id: "classes" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Find Your Inner Peace Through Yoga"
          buttons={[
            { text: "Start Your Journey", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824435680-joxfsmlw.jpg",
              imageAlt: "Yoga meditation practice"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824436955-wtwcb4s1.jpg",
              imageAlt: "Yoga stretching and flexibility"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824437857-cjso16ue.jpg",
              imageAlt: "Peaceful yoga studio"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824826349-lborrv4s.jpg",
              imageAlt: "Yoga class instruction"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824439670-zxdmfclo.jpg",
              imageAlt: "Outdoor yoga practice"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Serenity Yoga"
          description="Discover our holistic approach to wellness and transformation"
          tabs={[
            {
              id: "philosophy",
              label: "Our Philosophy",
              description: "We believe yoga is more than physical exercise. It's a journey of self-discovery that connects mind, body, and spirit. Our classes honor ancient traditions while adapting to modern lifestyles."
            },
            {
              id: "experience",
              label: "Expert Instructors",
              description: "Our certified yoga instructors bring 10+ years of experience and genuine passion for helping students achieve their wellness goals with personalized guidance."
            },
            {
              id: "community",
              label: "Supportive Community",
              description: "Join a welcoming community of yoga practitioners at all levels. We celebrate progress, support each other, and create a judgment-free space for growth."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824825980-e010ige5.jpg"
          imageAlt="Yoga philosophy and practice"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="classes" data-section="classes">
        <FeatureCardTwelve
          title="Our Class Styles"
          description="Find the perfect class to match your yoga journey and goals"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "hatha",
              label: "Hatha",
              title: "Foundation & Balance",
              items: [
                "Perfect for beginners",
                "Builds strength and flexibility",
                "Focuses on proper alignment",
                "Slower pace for deep practice"
              ]
            },
            {
              id: "vinyasa",
              label: "Vinyasa",
              title: "Flow & Movement",
              items: [
                "Dynamic flowing sequences",
                "Builds cardiovascular fitness",
                "Increases mindfulness",
                "Intermediate to advanced"
              ]
            },
            {
              id: "yin",
              label: "Yin",
              title: "Deep Rest & Recovery",
              items: [
                "Long-held poses",
                "Releases deep tension",
                "Promotes flexibility",
                "Meditative and calming"
              ]
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Flexible Pricing Plans"
          description="Choose a plan that fits your lifestyle and wellness goals"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "drop-in",
              title: "Drop-In Classes",
              price: "$15",
              period: "per class",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824441300-bxvjcr2d.jpg",
              imageAlt: "Beginner yoga class",
              features: [
                "Flexible scheduling",
                "Try different styles",
                "No commitment",
                "Great for travelers"
              ],
              button: {
                text: "Book a Class",
                href: "contact"
              }
            },
            {
              id: "monthly",
              title: "Monthly Membership",
              price: "$89",
              period: "per month",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824442272-ac0f3yx2.jpg",
              imageAlt: "Intermediate yoga practice",
              features: [
                "Unlimited classes",
                "Priority registration",
                "Member discounts",
                "Community access"
              ],
              button: {
                text: "Join Now",
                href: "contact"
              }
            },
            {
              id: "private",
              title: "Private Sessions",
              price: "$75",
              period: "per session",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824443089-70f5as93.jpg",
              imageAlt: "Private yoga coaching",
              features: [
                "One-on-one instruction",
                "Customized practice",
                "Flexible scheduling",
                "Personalized attention"
              ],
              button: {
                text: "Schedule Now",
                href: "contact"
              }
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Serenity Yoga transformed my life. I came in stressed and anxious, and now I feel calm and centered. The instructors are amazing and truly care about your progress."
          rating={5}
          author="Sarah Mitchell, Marketing Manager"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824445238-vktdx6tt.jpg",
              alt: "Student testimonial"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824446101-3mycrcym.jpg",
              alt: "Student testimonial"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824447142-9ntywuqt.jpg",
              alt: "Student testimonial"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824447984-v6gt1is1.jpg",
              alt: "Student testimonial"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about our yoga classes and studio"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824444025-sc92scjx.jpg"
          imageAlt="Yoga guidance and support"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "Do I need to be flexible to start yoga?",
              content: "Absolutely not! Yoga is for every body. Flexibility comes with practice. Our instructors modify poses to meet you where you are and help you progress at your own pace."
            },
            {
              id: "2",
              title: "What should I bring to class?",
              content: "Just bring yourself and wear comfortable clothing. We provide yoga mats, blocks, and props. Consider bringing a water bottle to stay hydrated."
            },
            {
              id: "3",
              title: "How often should I practice yoga?",
              content: "We recommend 2-3 classes per week for best results, but even once a week provides benefits. Listen to your body and practice at a frequency that feels right for you."
            },
            {
              id: "4",
              title: "Can I do yoga if I have an injury?",
              content: "Yes, but inform your instructor about any injuries. We offer modifications for all poses and can recommend specific classes tailored to your needs."
            },
            {
              id: "5",
              title: "What is your cancellation policy?",
              content: "Monthly memberships can be cancelled anytime with 7 days notice. Drop-in classes can be booked or cancelled up to 2 hours before class start time."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Begin Your Yoga Journey?"
          description="Join our community and experience the transformative power of yoga. Sign up for our newsletter to receive tips, class schedules, and wellness insights."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing you agree to receive wellness tips and class schedules."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Serenity Yoga"
          description="Transforming lives through the ancient practice of yoga. Join us for classes that nurture your body, calm your mind, and elevate your spirit."
          columns={[
            {
              title: "Classes",
              items: [
                { label: "Schedule", href: "classes" },
                { label: "Pricing", href: "pricing" },
                { label: "Instructors", href: "about" }
              ]
            },
            {
              title: "Studio",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Book Now", href: "contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms of Service", href: "terms" },
                { label: "Privacy Policy", href: "privacy" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Follow us on Facebook"
            },
            {
              icon: Youtube,
              href: "https://youtube.com",
              ariaLabel: "Subscribe on YouTube"
            }
          ]}
          copyrightText="© 2025 Serenity Yoga. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}