"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Flame, Sparkles, Package } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="בורקס טורקי גלילות"
          navItems={[
            { name: "תפריט", id: "menu" },
            { name: "על אודותינו", id: "about" },
            { name: "יצירת קשר", id: "contact" },
          ]}
          button={{
            text: "התקשרו עכשיו",            href: "tel:+972-XXX-XXXXX"}}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero" className="w-full py-12 md:py-20">
        <HeroLogoBillboardSplit
          logoText="בורקס טורקי גלילות"
          description="חם מהתנור, עוצרים, אוכלים, ממשיכים. מילויים קלאסיים, טעם של פעם, שירות מהיר. הנקודה האהובה ל-burekas טרי בגלילות."
          background={{ variant: "plain" }}
          buttons={[
            { text: "התקשרו עכשיו", href: "tel:+972-XXX-XXXXX" },
            {
              text: "וואטסאפ להזמנה",              href: "https://wa.me/972XXXXXXXXX?text=היי%2C%20אפשר%20להזמין%20בורקס?"},
          ]}
          buttonAnimation="slide-up"
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/crepes-with-meat-table_140725-9405.jpg"
          imageAlt="בורקס טרי מהתנור"
          mediaAnimation="opacity"
          frameStyle="card"
        />
      </div>

      <div id="menu" data-section="menu" className="w-full py-16 md:py-24">
        <ProductCardThree
          title="המנה המובחרת שלנו"
          description="בחרו מהמילויים הקלאסיים שלנו - טרי מהתנור כל יום"
          tag="Best Sellers"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              name: "בורקס גבינה",              price: "₪18",              imageSrc: "http://img.b2bpic.net/free-photo/mini-casserole-with-side-salad_140725-4052.jpg?_wi=1",              imageAlt: "בורקס גבינה"},
            {
              id: "2",              name: "בורקס גבינה-תרד",              price: "₪18",              imageSrc: "http://img.b2bpic.net/free-photo/half-top-view-delicious-baked-pastry-sliced-with-greens-filling-with-seasonings-cheese-dark-background_140725-49424.jpg",              imageAlt: "בורקס גבינה-תרד"},
            {
              id: "3",              name: "בורקס תפוח אדמה",              price: "₪16",              imageSrc: "http://img.b2bpic.net/free-photo/mini-casserole-with-side-salad_140725-4052.jpg?_wi=2",              imageAlt: "בורקס תפוח אדמה"},
            {
              id: "4",              name: "בורקס פטריות",              price: "₪17",              imageSrc: "http://img.b2bpic.net/free-photo/mini-casserole-with-side-salad_140725-4052.jpg?_wi=3",              imageAlt: "בורקס פטריות"},
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          buttons={[
            {
              text: "הזמינו עכשיו דרך וואטסאפ",              href: "https://wa.me/972XXXXXXXXX?text=היי%2C%20אני%20רוצה%20להזמין%20בורקס"},
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="trust" data-section="trust" className="w-full py-16 md:py-24">
        <FeatureCardTwentyFive
          title="התחייבות לטריות וניקיון"
          description="אנחנו מבינים את דאגתכם. לכן אנחנו שקופים לחלוטין בתהליך שלנו."
          tag="איכות וביטחון"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              title: "אופים לאורך היום",              description: "אין מצטברים מיום קודם - בורקס טרי כל שעה לפי ביקוש",              icon: Flame,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/side-view-professional-chef-cooking-delicious-juicy-beef-steak-flaming-grill-handsome-man-with-beard-tattoos-hand-preparing-food-modern-restaurant-kitchen_651396-3908.jpg",                  imageAlt: "תנור טרי"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/bakery-preparing-selling-tasty-breads_181624-58950.jpg",                  imageAlt: "בורקס בתנור"},
              ],
            },
            {
              title: "ניקיון שוטף",              description: "שולחנות וסביבת השירות נקיים בתדירות קבועה לאורך היום",              icon: Sparkles,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/self-service-restaurant_93675-130913.jpg",                  imageAlt: "ניקיון מקום"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/waiter-with-protective-face-mask-disinfecting-tables-cafe-due-coronavirus-epidemic_637285-7902.jpg",                  imageAlt: "סביבה נקייה"},
              ],
            },
            {
              title: "אריזה בטוחה",              description: "אריזה נוחה ליד לטייק-אווי, בדיקה איכות בכל הזמנה",              icon: Package,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/food-packages-frame-delivery-concept_53876-127091.jpg",                  imageAlt: "אריזה מקצועית"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/professional-technologist-white-protective-uniform-controlling-industrial-process-production-plant_342744-1227.jpg",                  imageAlt: "בקרת איכות"},
              ],
            },
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="location" data-section="location" className="w-full py-16 md:py-24">
        <MetricCardEleven
          title="קל למצוא, קל לעצור"
          description="מיקום מושלם לעוצרים ברחוב ובחניה נוחה"
          tag="מיקום וחניה"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "גלילות",              title: "מרכז קניות",              description: "ליד קולנוע וקניון, מיקום אסטרטגי",              imageSrc: "http://img.b2bpic.net/free-vector/smartphone-with-gps-navigation-app_24877-51659.jpg",              imageAlt: "מפה"},
            {
              id: "2",              value: "פתוח 24/7",              title: "כל יום",              description: "או בשעות מוגדלות - בדקו אתנו",              imageSrc: "http://img.b2bpic.net/free-vector/neon-open-24-hours-sign_23-2148858283.jpg",              imageAlt: "שעות פתיחה"},
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="faq" data-section="faq" className="w-full py-16 md:py-24">
        <FaqDouble
          title="שאלות נפוצות"
          description="כל מה שצריך לדעת"
          tag="עזרה"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "פתוחים עכשיו?",              content: "כן! בדרך כלל פתוחים 24/7 או עד מאוחר בלילה. אפשר להתקשר או לבדוק ב-Google Maps לשעות מדויקות."},
            {
              id: "2",              title: "אפשר להזמין מראש?",              content: "בהחלט! שלחו לנו הודעת וואטסאפ עם הזמנתכם, וההזמנה תהיה מוכנה כשתגיעו."},
            {
              id: "3",              title: "יש ישיבה במקום?",              content: "יש כמה כסאות לישיבה מהירה, אבל בעיקר אנחנו טייק-אווי. פרטים על כיסאות זמינים בחנות."},
            {
              id: "4",              title: "אמצעי תשלום?",              content: "מקבלים מזומן, כרטיס אשראי, Bit, ו-PayBox. תעדכנו אותנו אם יש בעיה."},
            {
              id: "5",              title: "כשרות?",              content: "[עדכנו לפי הסטטוס בפועל]"},
            {
              id: "6",              title: "לא יצאתם מרוצים?",              content: "אנחנו רוצים לשמוע! שלחו לנו הערה וחזרנו תוך 24 שעות."},
          ]}
        />
      </div>

      <div id="contact" data-section="contact" className="w-full py-12 md:py-20">
        <ContactText
          text="אם יש לכם שאלה או הערה - נשמח לשמוע! התקשרו או שלחו הודעה."
          animationType="background-highlight"
          buttons={[
            { text: "התקשרו עכשיו", href: "tel:+972-XXX-XXXXX" },
            { text: "וואטסאפ", href: "https://wa.me/972XXXXXXXXX" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer" className="w-full">
        <FooterBaseReveal
          columns={[
            {
              title: "תפריט",              items: [
                { label: "בורקס", href: "#menu" },
                { label: "טריות", href: "#trust" },
                { label: "יצירת קשר", href: "#contact" },
              ],
            },
            {
              title: "מידע",              items: [
                { label: "שעות פתיחה", href: "#location" },
                { label: "כתובת", href: "#location" },
                { label: "הזמנות", href: "https://wa.me/972XXXXXXXXX" },
              ],
            },
            {
              title: "לא רוצים להחמיץ",              items: [
                { label: "עקבו אחרינו", href: "#" },
                { label: "הודעות חדשות", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 בורקס טורקי גלילות | כל הזכויות שמורות"
        />
      </div>
    </ThemeProvider>
  );
}
