"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Flower2, Heart, Send } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="shadow-colored"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Efrat Yoga"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Retreats", id: "retreats" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Transformational Wellness Retreats"
          bottomRightText="hello@efratyoga.com"
        />
      </div>

      <div id="hero" data-section="hero" className="relative overflow-hidden">
        <HeroBillboardSplit
          tag="Transformational Retreats"
          tagIcon={Sparkles}
          title="Awaken Your Inner Peace with Efrat"
          description="Join our boutique yoga and wellness retreats designed to reconnect you with your body, mind, and spirit. Small group experiences in serene settings led by experienced instructor Efrat."
          buttons={[
            { text: "Explore Retreats", href: "retreats" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/full-shot-women-meditating-outdoors_23-2149698181.jpg"
          imageAlt="Serene yoga retreat in nature"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about" className="relative">
        <MediaSplitTabsAbout
          title="About Efrat & Our Philosophy"
          description="Discover the foundation of our transformational retreats and what sets us apart."
          tabs={[
            {
              id: "philosophy",              label: "Our Philosophy",              description: "We believe that true transformation begins with creating a safe, nurturing space where participants can reconnect with themselves. Our retreats blend traditional yoga practices with modern wellness sciences, honoring both ancient wisdom and contemporary understanding."
            },
            {
              id: "experience",              label: "Efrat's Experience",              description: "With over 15 years of dedicated yoga practice and teaching, Efrat brings deep expertise in various yoga styles, meditation, and holistic wellness. Her personal journey of transformation informs every retreat design, ensuring authentic, meaningful experiences for participants."
            },
            {
              id: "approach",              label: "Our Approach",              description: "We create intimate retreats with small group sizes, allowing for personalized attention and deeper connections. Each retreat is thoughtfully curated with daily yoga sessions, meditation practices, nutritious meals, and optional wellness activities designed for restoration and growth."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-mat_23-2148877104.jpg"
          imageAlt="Efrat, yoga instructor and retreat leader"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="retreats" data-section="retreats" className="relative">
        <FeatureCardNine
          title="Signature Retreat Experiences"
          description="Each retreat is thoughtfully designed to address specific wellness goals and transformational outcomes."
          tag="Our Offerings"
          tagIcon={Flower2}
          features={[
            {
              id: 1,
              title: "Breathwork & Grounding",              description: "Connect with your breath and body through pranayama, grounding practices, and restorative yoga. Perfect for releasing tension and building emotional resilience.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/front-view-women-meditating-nature_23-2149698177.jpg",                imageAlt: "Yoga class practice"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/guy-is-meditating-stone-forest_72229-4.jpg",                imageAlt: "Meditation in nature"
              }
            },
            {
              id: 2,
              title: "Mindfulness Intensive",              description: "Deep-dive into meditation, mindfulness, and self-inquiry with daily sitting practices. Ideal for stress reduction, mental clarity, and spiritual exploration.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/guy-is-meditating-stone-forest_72229-4.jpg",                imageAlt: "Meditation in nature"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-wellbeing-sport-concept-woman-sitting-gym-flo_197531-30752.jpg",                imageAlt: "Retreat space"
              }
            },
            {
              id: 3,
              title: "Vinyasa Flow Immersion",              description: "Build strength, flexibility, and mind-body connection through dynamic yoga flows, alignment work, and personalized modifications.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/front-view-women-meditating-nature_23-2149698177.jpg",                imageAlt: "Yoga class practice"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-wellbeing-sport-concept-woman-sitting-gym-flo_197531-30752.jpg",                imageAlt: "Retreat space"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="relative">
        <TestimonialCardEleven
          title="Transformation Stories"
          description="Hear from participants whose lives have been changed through our retreat experiences."
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              nameTitle: "Sarah M., Entrepreneur",              quote: "This retreat was the turning point I needed. After three days with Efrat, I finally understand what peace feels like. I've returned to my work and relationships with renewed clarity and compassion.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-woman-doing-yoga_23-2149222434.jpg",              imageAlt: "Sarah M."
            },
            {
              id: "2",              nameTitle: "Jessica L., Healthcare Professional",              quote: "As someone constantly giving to others, this retreat gave me permission to prioritize myself. Efrat's wisdom, combined with the serene environment, created profound healing.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-holding-yoga-mat_23-2149247885.jpg",              imageAlt: "Jessica L."
            },
            {
              id: "3",              nameTitle: "Michael T., Executive",              quote: "I came skeptical. I left transformed. The breathing techniques and meditation practices have become my daily anchors. I'm less reactive, more present, and genuinely happier.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-caucasian-woman-practicing-yoga-home_158595-5430.jpg",              imageAlt: "Michael T."
            },
            {
              id: "4",              nameTitle: "Amanda K., Creative",              quote: "This retreat unlocked creative blocks I didn't even know I had. Being in nature with intentional practices reminded me of my own inner wisdom. Life-changing.",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-sportswear-exercising-home_23-2148995574.jpg",              imageAlt: "Amanda K."
            },
            {
              id: "5",              nameTitle: "Rachel P., Student",              quote: "The personalized attention from Efrat made all the difference. She met me where I was, respected my body, and helped me build a sustainable yoga practice I actually love.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-holding-yoga-mat_23-2149832782.jpg",              imageAlt: "Rachel P."
            },
            {
              id: "6",              nameTitle: "David W., Consultant",              quote: "Coming back to my body after years of living in my head was profound. Efrat creates a container of safety and trust where real transformation can happen.",              imageSrc: "https://img.b2bpic.net/free-photo/sporty-senior-woman-with-short-hair-front-view_23-2148827690.jpg",              imageAlt: "David W."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq" className="relative">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about our retreats and how to prepare for your transformation."
          faqs={[
            {
              id: "1",              title: "What experience level is required?",              content: "Our retreats welcome all levels, from complete beginners to advanced practitioners. Efrat offers modifications and variations for every practice, ensuring everyone feels supported and challenged at their own pace."
            },
            {
              id: "2",              title: "What's included in the retreat?",              content: "Each retreat includes daily yoga classes, guided meditation sessions, nutritious meals, retreat materials, and access to Efrat throughout the program. Accommodations and specific amenities vary by retreat location."
            },
            {
              id: "3",              title: "How many people attend?",              content: "We keep groups intentionally small—typically 8-15 participants—to ensure personalized attention and a deeply connected experience. This boutique approach is central to our philosophy."
            },
            {
              id: "4",              title: "When are retreats scheduled?",              content: "We offer retreats seasonally throughout the year. Spring, summer, and fall retreats are held in various serene locations. Check our website for current dates and locations."
            },
            {
              id: "5",              title: "What should I bring?",              content: "Comfortable clothing, your yoga mat, meditation cushion (optional), journal, and an open heart. We provide a detailed packing list for each retreat location."
            },
            {
              id: "6",              title: "Can I customize a private retreat?",              content: "Absolutely. We love working with groups, organizations, and individuals to create customized retreat experiences. Contact us to discuss your specific needs and vision."
            }
          ]}
          textPosition="left"
          useInvertedBackground="invertDefault"
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact" className="relative">
        <ContactCenter
          tag="Get in Touch"
          tagIcon={Send}
          title="Ready to Begin Your Transformation?"
          description="Join our next retreat and experience profound healing and growth. Sign up for our newsletter to receive retreat dates, exclusive offers, and wellness insights."
          inputPlaceholder="your@email.com"
          buttonText="Join Our Community"
          termsText="We respect your privacy. Unsubscribe anytime. By signing up, you'll receive retreat updates and wellness content."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer" className="relative border-t border-accent border-opacity-20">
        <FooterBaseReveal
          columns={[
            {
              title: "Retreats",              items: [
                { label: "Upcoming Dates", href: "retreats" },
                { label: "Retreat Locations", href: "retreats" },
                { label: "Private Groups", href: "contact" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Meet Efrat", href: "about" },
                { label: "Our Philosophy", href: "about" },
                { label: "Yoga Offerings", href: "retreats" },
                { label: "FAQs", href: "faq" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Newsletter", href: "contact" },
                { label: "Instagram", href: "https://www.instagram.com/efratyoga" },
                { label: "Email", href: "mailto:hello@efratyoga.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Efrat Yoga Retreats. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}