"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardThree from '@/components/sections/team/TeamCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Award, Heart, Instagram, Linkedin, Smile, Users, Globe } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="neon-glow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "בעמוד הבית", id: "home" },
            { name: "אודות", id: "about" },
            { name: "הפקות", id: "features" },
            { name: "חבילות", id: "pricing" },
            { name: "צור קשר", id: "contact" }
          ]}
          brandName="אפרת יוגה"
          bottomLeftText="קהילה עולמית"
          bottomRightText="info@efratyoga.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="אפרת\nיוגה"
          description="מנוחה עמוקה, התחדשות רוח וגוף. חווה טרנספורמציה שלמה בריטריט יוגה בוטיק שלנו בחבל עמוקות הטבע."
          imageSrc="https://img.b2bpic.net/free-photo/smiling-female-athlete-doing-stretching-exercise-cobra-pose-rocky-beach-sunset-copy-space_637285-5493.jpg"
          imageAlt="אפרת ריטריט יוגה בוטיק"
          frameStyle="card"
          logoLineHeight={1.15}
          className="w-full"
          containerClassName="px-4 md:px-8"
          logoClassName="text-5xl md:text-7xl font-bold"
          descriptionClassName="text-lg md:text-2xl text-right"
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="אודות אפרת"
          title="מסע של התחדשות"
          description="במשך 15 שנה, הנחנו אלפי חוקרים רוח לתוך עצמם. אפרת יוגה היא יותר מריטריט - זו ממלכת שלום פנימי, חיבור לגוף ולנשמה. בכל סשן, בכל כיתה, בכל רגע, אנו מחויבים לטרנספורמציה אמתית."
          phoneOne={{
            imageSrc: "https://img.b2bpic.net/free-vector/meditation-app-template_23-2148651952.jpg",            imageAlt: "סשן יוגה זום"
          }}
          phoneTwo={{
            imageSrc: "https://img.b2bpic.net/free-vector/meditation-app-interface_23-2148660526.jpg",            imageAlt: "תכניית הריטריט"
          }}
          textboxLayout="default"
          buttons={[
            { text: "גלה את הריטריט", href: "#pricing" },
            { text: "קרא עוד", href: "#features" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwenty
          title="חווים הולסטיים"
          description="כל היום שלך בריטריט מעוצב בקפידה כדי לספק שיווי משקל מושלם בין אתגר וחופש, בין עשייה ולהיות. מיוגה מתקדמת ועד טיפולי ספא מרגיעים, כל רגע מספר."
          images={[
            {
              id: 1,
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-women-meditating-outdoors_23-2149698181.jpg",              imageAlt: "סטודיו יוגה מודרני"
            },
            {
              id: 2,
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-body-positive-appearance-practicing-yoga-alone-deck-by-pool-tropical-island-bali-indonesia-sport-fitness-healthy-lifestyle-concept_1321-2848.jpg",              imageAlt: "סשן יוגה בחוץ"
            },
            {
              id: 3,
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",              imageAlt: "חדר ספא וטיפולים"
            },
            {
              id: 4,
              imageSrc: "https://img.b2bpic.net/free-photo/woman-hoodie-meditating-park_23-2147791927.jpg",              imageAlt: "גן מדיטציה שלום"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="הניסיון"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="חבילות ריטריט"
          description="בחר בחבילה שמתאימה לנסיעת הרוח שלך. כל חבילה כוללת אירוח מהשכמה, ארוחות בריאות, וטיפולים יחודיים."
          plans={[
            {
              id: "weekend",              title: "ויקנד יוגה",              price: "₪1,800",              period: "עבור 2 לילות",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-body-positive-appearance-practicing-yoga-alone-deck-by-pool-tropical-island-bali-indonesia-sport-fitness-healthy-lifestyle-concept_1321-2848.jpg",              imageAlt: "חבילת סוף שבוע",              button: { text: "הזמן עכשיו", href: "#contact" },
              features: [
                "5 סשני יוגה מובחרים",                "2 מנות טיפול ספא",                "ארוחות שלוש פעמים ביום",                "גישה לגן המדיטציה"
              ]
            },
            {
              id: "full-week",              title: "שבוע התחדשות",              price: "₪4,500",              period: "עבור 6 לילות",              imageSrc: "https://img.b2bpic.net/free-photo/woman-hoodie-meditating-park_23-2147791927.jpg",              imageAlt: "חבילת שבוע מלא",              button: { text: "הזמן עכשיו", href: "#contact" },
              features: [
                "12 סשני יוגה מעמיקים",                "4 מנות טיפול ספא וריפלקסולוגיה",                "כל הארוחות כשרות ובריאות",                "יעוץ פרטי עם מדריך",                "תעודת השתתפות"
              ]
            },
            {
              id: "extended",              title: "חוויה מלאה",              price: "₪8,500",              period: "עבור 10 לילות",              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",              imageAlt: "חבילה מורחבת",              button: { text: "הזמן עכשיו", href: "#contact" },
              features: [
                "20 סשני יוגה וקומבו",                "8 מנות טיפול וריפלקסולוגיה מלאה",                "כל הארוחות מעוצבות אישית",                "יעוץ יום-יום עם מדריך",                "כלים לתרגול בעתיד",                "קבוצה קטנה (עד 10 חברים)"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="השפעתנו"
          description="מספרים שמדברים על הרחמים של החוויה שלנו וההשפעה שלה על בני אדם מכל רחבי העולם."
          metrics={[
            {
              id: "1",              icon: Users,
              title: "משתתפים",              value: "5,000+"
            },
            {
              id: "2",              icon: Heart,
              title: "התחדשויות",              value: "98%"
            },
            {
              id: "3",              icon: Award,
              title: "שנות ניסיון",              value: "15+"
            },
            {
              id: "4",              icon: Smile,
              title: "סיפורי הצלחה",              value: "1,200+"
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardThree
          title="מדריכינו"
          description="אנשים מנוסים, ממוקדים בטרנספורמציה שלך. כל מדריך מביא רחוק שנות חוויה וזהו שנים של לב."
          members={[
            {
              id: "1",              name: "אפרת כהן",              role: "מייסדת ומדריכת יוגה בכירה",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman_158595-975.jpg",              imageAlt: "אפרת כהן",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "2",              name: "דוד לוי",              role: "מדריך יוגה ומיוודע",              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: "דוד לוי",              socialLinks: [
                { icon: Globe, url: "https://example.com" }
              ]
            },
            {
              id: "3",              name: "שרה מזרחי",              role: "טיפלת ספא וריפלקסולוגיה",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-mat_23-2148877104.jpg",              imageAlt: "שרה מזרחי",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" }
              ]
            },
            {
              id: "4",              name: "עומר בר",              role: "מדריך מדיטציה ודיקריפציה",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-holding-yoga-mat_23-2149247885.jpg",              imageAlt: "עומר בר",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="אפרת שינתה את חיי. בשלוש שנים שעברו, חזרתי כל שנה. כל פעם אני משאיר חלק מעצמי שלא צריך וחוזר עם עוצמה חדשה, שלום פנימי שמעולם לא הכרתי."
          rating={5}
          author="רותם אברהם, יזמת טק"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/front-view-happy-woman-posing_23-2148493110.jpg",              alt: "רותם אברהם"
            },
            {
              src: "https://img.b2bpic.net/free-photo/beautiful-woman-with-curly-blonde-hair-smiling_23-2148911874.jpg",              alt: "משתתף 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-young-blonde-woman_273609-12060.jpg",              alt: "משתתף 3"
            },
            {
              src: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-outside_23-2149042107.jpg",              alt: "משתתף 4"
            },
            {
              src: "https://img.b2bpic.net/free-photo/closeup-portrait-smiling-girl-with-perfect-smile-white-teeth_176532-10326.jpg",              alt: "משתתף 5"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-expressive-woman-posing-studio_344912-601.jpg",              alt: "משתתף 6"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="שאלות נפוצות"
          description="כל מה שאתה צריך לדעת על ריטריט האפרת שלנו."
          tag="עזרה"
          faqs={[
            {
              id: "1",              title: "מי יכול להצטרף לריטריט?",              content: "כולם מוזמנים! ממתחילים ושד אל מתקדמים מאוד. אנחנו מתאימים כל סשן לרמות שונות. אם יש לך בעיות בריאות מסוימות, אנא הודע לנו מראש."
            },
            {
              id: "2",              title: "מה נלמד בריטריט?",              content: "תשמע על אסאנות מתקדמות, טכניקות נשימה עמוקות, מדיטציה וטיפולים. כל יום מורכב מתכנון שוקל אתגר וחופש בחלקות שוות."
            },
            {
              id: "3",              title: "האם הארוחות כשרות?",              content: "כל הארוחות שלנו הן בריאות, אורגניות ודל סוכר. אנחנו משתמשים בחומרים מקומיים טרים. אנו מחזיקים בתחייבות לכשרות וגם לצמחוניות."
            },
            {
              id: "4",              title: "מה לבחור כחבילה לראשונה?",              content: "אם זו הפעם הראשונה שלך, חבילת סוף השבוע (ויקנד יוגה) היא מושלמת. היא מספיקה כדי להכיר אתך לעצמך, אך לא מעבה מדי."
            },
            {
              id: "5",              title: "כמה אנשים בכל קבוצה?",              content: "אנחנו שומרים על קבוצות קטנות. משמעות לנו הוא איכות על כמות. בדרך כלל, 8-15 משתתפים לכל ריטריט."
            },
            {
              id: "6",              title: "מה הביטחון של הביטול?",              content: "ביטול עד 30 ימים לפני התאריך מקבל פעם חצי. ביטול בתוך 30 ימים עשוי להיות בתשלום מלא, אלא אם יש סיבה חמורה."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/salad-avocado-vegetables-mixed-greens-lettuce-leaves-ready-eat_169016-36561.jpg"
          imageAlt="תמונה של סביבת הריטריט"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="מוכן להיום לעצמך?"
          animationType="background-highlight"
          inputPlaceholder="הכנס את כתובת האימייל שלך"
          buttonText="הרשם"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="אפרת יוגה"
          columns={[
            {
              title: "ניווט",              items: [
                { label: "בעמוד הבית", href: "home" },
                { label: "אודות", href: "about" },
                { label: "חבילות", href: "pricing" },
                { label: "צור קשר", href: "contact" }
              ]
            },
            {
              title: "קישורים",              items: [
                { label: "כללי הפרטיות", href: "https://example.com/privacy" },
                { label: "תנאים והכללים", href: "https://example.com/terms" },
                { label: "צור קשר", href: "mailto:info@efratyoga.com" }
              ]
            },
            {
              title: "חברות",              items: [
                { label: "פייסבוק", href: "https://facebook.com" },
                { label: "אינסטגרם", href: "https://instagram.com" },
                { label: "ווטסאפ", href: "https://whatsapp.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}