"use client";

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Leaf, Sparkles, Users, Award, CheckCircle, Globe, HelpCircle, Heart, ArrowRight } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="large"
      background="noiseGradient"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Serene Retreat"
          button={{
            text: "הזמן עכשיו",            href: "contact"
          }}
          className="bg-opacity-90"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="התחברו לטבע, החלימו את הנשמה שלכם"
          description="הצטרפו אלינו למתיחות ריפוי שנוער שקטות בטבע. חוו יוגה, מדיטציה וריפוי הולילי בהרמוניה עם כדור הארץ."
          tag="ברוכים הבאים לעולם הכושר"
          tagIcon={Leaf}
          buttons={[
            {
              text: "חקור מתיחות",              href: "about"
            },
            {
              text: "הזמן את הנסיעה שלך",              href: "contact"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-female-athlete-doing-stretching-exercise-cobra-pose-rocky-beach-sunset-copy-space_637285-5493.jpg",              imageAlt: "יוגה ומדיטציה בטבע"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/girl-practicing-yoga_1157-7751.jpg",              imageAlt: "נוף מתיחת יער"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-doing-sport-park_23-2147995891.jpg",              imageAlt: "חוויית כושר וספא"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/yoga-morning-beautiful-woman-healthy_1303-2457.jpg",              imageAlt: "הרי טיפול על ההרים"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/cute-blonde-woman-practising-yoga-outside-looking-relaxed_259150-58679.jpg",              imageAlt: "מקלט גן מתיחה"
            }
          ]}
          ariaLabel="סעיף גיבור המציג חוויות מתיחה בטבע"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="שינוי חיים דרך תוכניות כושר טבעיות"
          metrics={[
            {
              icon: Users,
              label: "משתתפי מתיחה",              value: "5,000+"
            },
            {
              icon: Award,
              label: "שנות ניסיון",              value: "15+"
            },
            {
              icon: CheckCircle,
              label: "שביעות רצון לקוחות",              value: "98%"
            },
            {
              icon: Globe,
              label: "מקומות מתיחה",              value: "8"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="הצעות הכושר שלנו"
          description="גלה מגוון תרגולים ריפוי וחוויות טרנספורמטיביות שנועדו להחזיר איזון וחיוניות."
          tag="שירותים"
          tagIcon={Sparkles}
          features={[
            {
              title: "סדרות יוגה מודרכות",              description: "שיעורי יוגה בבוקר וערב בהנחיית מדריכים מוסמכים לחיזוק הגוף ולהרגעת הנפש",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-female-athlete-doing-stretching-exercise-cobra-pose-rocky-beach-sunset-copy-space_637285-5493.jpg",              button: {
                text: "למד עוד",                href: "contact"
              }
            },
            {
              title: "מתיחות מדיטציה",              description: "תוכניות מדיטציה עמוקות בסביבות שקטות בטבע לבהירות נפשית ושלום פנימי",              imageSrc: "https://img.b2bpic.net/free-photo/girl-practicing-yoga_1157-7751.jpg",              button: {
                text: "חקור",                href: "contact"
              }
            },
            {
              title: "כושר הוליסטי",              description: "טיפולי ספא, תרפיות עד טבעות וייעוץ ריפוי טבעיות שחוזרות למסורות עתיקות",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-doing-sport-park_23-2147995891.jpg",              button: {
                text: "גלה",                href: "contact"
              }
            },
            {
              title: "טבילה בטבע",              description: "טיולים מודרכים בטבע וטיולים בטבע להתחברות עם כדור הארץ וחיזוק הכושר הפיזי",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-woman-doing-yoga-outside_23-2149698154.jpg?id=31842917",              button: {
                text: "למד עוד",                href: "contact"
              }
            }
          ]}
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="טרנספורמציות מהאורחים שלנו"
          description="שמע מאלו שחוו ריפוי עמוק והתחדשות במתיחות שלנו"
          testimonials={[
            {
              id: "1",              quote: "מתיחה זו שינתה לחלוטין את הקשר שלי עם לחץ. השילוב של יוגה, מדיטציה וטבילה בטבע נתן לי כלים בהם אני משתמש כל יום.",              name: "Sarah Mitchell",              role: "מנהלת תאגידית",              imageSrc: "https://img.b2bpic.net/free-photo/carefree-lovely-tanned-young-woman-standing-balcony-near-green-plant-smiling-laughing-out-loud-look-adorable-grin-camera-talking-casually-coworker-veranda-enjoy-perfect-sunny-summer-days_197531-30354.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              quote: "באתי כאן בחיפוש אחר ריפוי, ויצאתי עם תחושה חדשה של מטרה. המדריכים יוצאי דופן בידע וברחמנות.",              name: "James Chen",              role: "מאמן כושר",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12674.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              quote: "הסביבה הטבעית בשילוב עם שיעורים בהנחיית מומחים יצרו את הסביבה המושלמת לגדול אישי עמוק והתחשבות.",              name: "Emma Rodriguez",              role: "מטפלת",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12672.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              quote: "אחרי שנים של חיפוש אחר איזון, סוף סוף מצאתי אותו כאן. המתיחה חרגה את כל הציפיות שלי.",              name: "Michael Torres",              role: "יזם",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12665.jpg",              imageAlt: "Michael Torres"
            },
            {
              id: "5",              quote: "הגישה ההוליסטית לכושר שמטפלת בנפש, גוף וממשק היא בדיוק מה שצריך.",              name: "Lisa Anderson",              role: "מדריכת יוגה",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12663.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",              quote: "כל רגע במתיחה הרגיש מטרתי וריפוי. אני כבר מתכננת את ביקורי הבא.",              name: "David Kumar",              role: "יועץ",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12671.jpg",              imageAlt: "David Kumar"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="שאלות נפוצות על המתיחות שלנו"
          description="מצא תשובות שיעזרו לך להתכונן ליסיעת הכושר השינוי שלך"
          tag="שאלות נפוצות"
          tagIcon={HelpCircle}
          imageSrc="https://img.b2bpic.net/free-photo/cute-blonde-woman-practising-yoga-outside-looking-relaxed_259150-58679.jpg"
          imageAlt="מקלט גן שקט בתיחה"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "מה אני צריך להביא למתיחה?",              content: "בגדים נוחים ליוגה ופעילויות חוצות, טיפולי אישיים, תרופות וכל פריטים רוחניים שמעניקים לך נוחות. אנחנו מספקים מחצלות יוגה, שמיכות וכרים מדיטציה."
            },
            {
              id: "2",              title: "איך נראה הלוח הזמנים?",              content: "ימים טיפוסיים כוללים יוגה בעלות (06:30), סדרות מדיטציה, ארוחות תזונתיות, סדנאות, טיולי טבע, ופעילויות הרפיה ערביות. יש גם זמן חופשי להתחשבות אישית."
            },
            {
              id: "3",              title: "האם זה מתאים למתחילים?",              content: "בהחלט! המתיחות שלנו מקבלות את כל רמות הניסיון. מדריכים מספקים שינויים לכל תרגול, והקהילה השלנו תומכת בנסיעה הייחודית של כל משתתף."
            },
            {
              id: "4",              title: "מה לגבי הגבלות דיאטטיות?",              content: "אנחנו משקמים את כל הצרכים הדיאטטיים כולל טבעוני, צמחוני, ללא גלוטן, וארגניות. אנא ציין את הדרישות שלך במהלך ההרשמה."
            },
            {
              id: "5",              title: "מה מדיניות הביטול?",              content: "ביטולים שנעשו 30 ימים לפני המתיחה מקבלים החזר מלא. ביטולים תוך 30 ימים כפופים לעמלה של 25%."
            }
          ]}
        />
      </div>

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

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