"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Calendar, Sparkles, HelpCircle, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            { name: "בית", id: "hero" },
            { name: "אודות", id: "about" },
            { name: "הריטריט", id: "features" },
            { name: "עדויות", id: "testimonials" },
            { name: "שאלות", id: "faq" }
          ]}
          button={{ text: "הרשמה", href: "contact" }}
          brandName="אפרת יוגה"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="ריטריט יוגה וצלילים בנוף צוקים"
          description="שלושה ימים של מסע אישי בתוך קבוצה תומכת. חיבור עמוק, הקשבה, ריפוי והשראה בלב הערבה, בין שמיים פתוחים לאדמה שקטה."
          tag="28-30 במאי 2026"
          tagIcon={Calendar}
          kpis={[
            { value: "3 ימים", label: "מסע משחרר" },
            { value: "∞", label: "חיבור עמוק" },
            { value: "טבע", label: "ריפוי טבעי" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-shot-person-running-towards-deserted-cliff-cloudy-sky_181624-1722.jpg"
          imageAlt="נוף צוקים בערבה עם שמיים פתוחים"
          buttons={[{ text: "הרשמה לריטריט", href: "contact" }]}
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="בין שמיים פתוחים לאדמה שקטה נוצר מרחב שמאפשר לפגוש עומק קצת אחרת. הריטריט פתוח לכולן ולכולם, בכל שלב בדרך, ובנוי מתוך כוונה לאפשר חופש להיות בדיוק כפי שאנחנו."
          useInvertedBackground="invertDefault"
          buttons={[{ text: "למידע נוסף", href: "#features" }]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="מה כולל הריטריט"
          description="חוויה מגוונת המשלבת יוגה עמוקה, צליל מרפא, טקסי חיבור וטבע"
          tag="הניסיון"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/group-young-people-easy-seat-pose-rear-view_1163-5012.jpg"
          imageAlt="כיתת יוגה בקבוצה"
          mediaPosition="left"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",              title: "תרגולי יוגה מעמיקים",              content: "תרגולי יוגה מגוונים ומעמיקים שיפתחו בפנינו מרחבים חדשים של הקשבה, תנועה וחיבור. כל מפגש מתוכנן להעמיק את המודעות והחיבור לגוף."
            },
            {
              id: "2",              title: "סאונד הילינג וצליל מרפא",              content: "מוסיקה אלקטרונית חיה, סט DJ ונגינה בכלים אקוסטיים מעולם הסאונד הילינג. גולן זוכר, מפיק ומוזיקאי, ינחה את המסע המוזיקלי לאורך כל הריטריט."
            },
            {
              id: "3",              title: "פילוסופיה ותבוננות",              content: "מרחב של לימוד והתבוננות בפילוסופיה של היוגה בראי הבודהיזם. שיח על נוכחות, אי-אחיזה והליכה בדרך של מודעות וחמלה."
            },
            {
              id: "4",              title: "טקסים וריקוד אקסטטי",              content: "טקס קקאו, ריקוד חופשי ואקסטטי, מסעות צליל מרפאים ומדיטציות בטבע בזריחה ובשקיעה. רגעים של שקט, אור והתמסרות לנוף המדברי."
            },
            {
              id: "5",              title: "ארוחות צמחוניות",              content: "ארוחות בוקר וערב צמחוניות חמות ומזינות. פינת קפה ונשנושים בריאים לשימוש חופשי לאורך כל הימים."
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="זה היה ריטריט שהשנה לי הכל. המרחב, הכוונה של אפרת, האנרגיה של הקבוצה וממש הצלילים - הכל השתלב בצורה משקעת. יצאתי משם כמו אדם חדש, מרגישה חיבור לעומק שלא הכרתי קודם."
          rating={5}
          author="רינה כהן, מקדישת יוגה"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "רינה כהן" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "מרים לוי" },
            { src: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", alt: "נתלי רוזן" },
            { src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "יפית סגל" },
            { src: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "שרה דביר" },
            { src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", alt: "אמל ישראל" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="שאלות נפוצות"
          description="כל המידע שאתה צריך לדעת על הריטריט, המקום, התנאים והרישום"
          tag="עזרה"
          tagIcon={HelpCircle}
          imageSrc="https://img.b2bpic.net/free-photo/mesmerizing-view-sandy-rocky-cliffs-cloudy-blue-sky-desert_181624-54838.jpg"
          imageAlt="נוף טבעי במדבר"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "מה כלול במחיר?",              content: "המחיר כולל: 2 לילות בקתה עם כל הנוחויות (ג'קוזי, מרפסת, ג'קוזי), כל התרגולים והסדנאות, ארוחות בוקר וערב צמחוניות, קפה ונשנושים בריאים, וכל חוויות הריטריט."
            },
            {
              id: "2",              title: "מהן אפשרויות ההלינה?",              content: "קתה זוגית - 3,300 ש\"ח לאדם | קתה לשלישיה - 3,000 ש\"ח לאדם | קתה לרביעיה - 2,800 ש\"ח לאדם | ניתן לבדוק אופציה למלון של 6 משתתפים. כל הבקתות מרוחקות אחת מהשנייה, ומציעות פרטיות מלאה ומרחב."
            },
            {
              id: "3",              title: "כמה משתתפים במקום?",              content: "מספר הבקתות והמשתתפים מוגבל כדי שנוכל לשמור על אינטימיות ואיכות החוויה. אנו מומלצים להזמין במוקדם."
            },
            {
              id: "4",              title: "מה תנאי הביטול?",              content: "ביטול 45-14 ימים לפני - 40% מהמחיר | ביטול 14-8 ימים לפני - 60% מהמחיר | ביטול 7 ימים או יותר קרוב - 100% מהמחיר. אנו מבינים שדברים משתנים, אבל אנו צריכים אבטחה לתכנון."
            },
            {
              id: "5",              title: "האם הריטריט מתאים לנתחילות?",              content: "כן! הריטריט פתוח לכולם בכל שלב בדרך. זה לא על פי טוב ורע או ניסיון - זה על רצון לחקור עומק וחיבור. אפרת תוודא שהכל מותאם לכל אחד."
            },
            {
              id: "6",              title: "איך מזמינים?",              content: "התקשרו לאפרת בטלפון 054-4227972 או השאירו פרטים דרך הטופס ובאפרת תחזור אליכם בהקדם. מספר הבקתות מוגבל, אז מומלץ להזמין מוקדם!"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="הרשמה"
          title="הצטרף לנו בריטריט"
          description="השאר פרטים וחזור אליך עם כל המידע שאתה צריך. או קרא ל054-4227972"
          tagIcon={Heart}
          useInvertedBackground="invertDefault"
          inputPlaceholder="הכנס את האימייל שלך"
          buttonText="שלח"
          termsText="אנחנו כבדים את הפרטיות שלך. תשמור על המידע בחוזקה."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="אפרת יוגה"
          columns={[
            {
              title: "הריטריט",              items: [
                { label: "אודות", href: "about" },
                { label: "מה כולל", href: "features" },
                { label: "עדויות", href: "testimonials" }
              ]
            },
            {
              title: "מידע",              items: [
                { label: "שאלות נפוצות", href: "faq" },
                { label: "הרשמה", href: "contact" },
                { label: "קרא לנו", href: "tel:054-4227972" }
              ]
            },
            {
              title: "מקום",              items: [
                { label: "נוף צוקים, צוקים", href: "#" },
                { label: "ערבה, ישראל", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2026 אפרת יוגה | כל הזכויות שמורות"
        />
      </div>
    </ThemeProvider>
  );
}