"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { ChefHat, Heart, Leaf, Mail, Sparkles, Star, UtensilsCrossed } from "lucide-react";

export default function SababaKitchenPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Sababa Kitchen"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "about" },
            { name: "Menu", id: "/menu" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Tel Aviv, Israel"
          bottomRightText="reservations@sababa.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          tag="Premium Israeli Cuisine"
          tagIcon={Sparkles}
          title="Authentic Flavors from the Mediterranean Heart"
          description="Experience the soul of Israeli gastronomy in an intimate setting. From traditional mezze to contemporary interpretations of classic dishes, every plate celebrates heritage, quality, and culinary artistry."
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/side-dish-with-peppers-grated-cheese-greens-served-with-glass-wine_141793-948.jpg",              imageAlt: "Sababa Kitchen dining ambiance"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-holding-plate-with-food_23-2148814494.jpg",              imageAlt: "Authentic Israeli dishes"
            }
          ]}
          rating={5}
          ratingText="Trusted by food enthusiasts"
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "View Menu", href: "/menu" }
          ]}
          background={{ variant: "plain" }}
          mediaAnimation="opacity"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Leaf}
          title="Celebrating Generations of Culinary Excellence"
          description="Founded with a passion for authentic Israeli cuisine, Sababa Kitchen brings together traditional recipes passed down through generations and modern culinary techniques. Our commitment to sourcing premium local and Mediterranean ingredients ensures every dish tells a story of heritage and innovation."
          metrics={[
            { value: "15+", title: "Years of Excellence" },
            { value: "50+", title: "Signature Dishes" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-hand-holding-plate-with-food_23-2148814494.jpg"
          imageAlt="Our dining space"
          useInvertedBackground={false}
          mediaAnimation="opacity"
          metricsAnimation="opacity"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Signature Dishes"
          description="Discover our carefully curated selection of Israeli favorites"
          tag="Menu Highlights"
          tagIcon={UtensilsCrossed}
          products={[
            {
              id: "hummus",              name: "Creamy Hummus Tahini",              price: "$16",              variant: "Chickpeas • Tahini • Premium Olive Oil",              imageSrc: "https://img.b2bpic.net/free-psd/white-bowl-creamy-hummus-topped-with-fresh-salad-chopped-cucumber-tomato-garnished-with-herbs-served-with-pita-bread-wedges_84443-63597.jpg",              imageAlt: "Creamy hummus tahini"
            },
            {
              id: "sabich",              name: "Sabich - Eggplant Sandwich",              price: "$14",              variant: "Roasted Eggplant • Tahini • Israeli Salad",              imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-rustic-bowl-filled-with-creamy-hummus-garnished-with-fresh-parsley-sesame-seeds-chili-oil-black-background_84443-61207.jpg",              imageAlt: "Sabich eggplant sandwich"
            },
            {
              id: "shakshuka",              name: "Shakshuka - Egg & Tomato",              price: "$15",              variant: "Poached Eggs • Tomato Sauce • Spices",              imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-bowl-creamy-hummus-drizzled-with-golden-olive-oil-garnished-with-fresh-green-parsley-red-paprika-spice-black-background_84443-61197.jpg",              imageAlt: "Traditional shakshuka"
            },
            {
              id: "falafel",              name: "Golden Falafel Plate",              price: "$12",              variant: "Crispy Chickpea Fritters • Tahini • Fresh Vegetables",              imageSrc: "https://img.b2bpic.net/free-psd/white-bowl-creamy-hummus-topped-with-fresh-salad-chopped-cucumber-tomato-garnished-with-herbs-served-with-pita-bread-wedges_84443-63597.jpg",              imageAlt: "Golden falafel plate"
            },
            {
              id: "tabbouleh",              name: "Tabbouleh - Herb Salad",              price: "$13",              variant: "Fresh Parsley • Bulgur • Lemon Dressing",              imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-rustic-bowl-filled-with-creamy-hummus-garnished-with-fresh-parsley-sesame-seeds-chili-oil-black-background_84443-61207.jpg",              imageAlt: "Fresh tabbouleh salad"
            },
            {
              id: "labneh",              name: "Creamy Labneh Dip",              price: "$11",              variant: "Strained Yogurt • Za'atar • Olive Oil",              imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-bowl-creamy-hummus-drizzled-with-golden-olive-oil-garnished-with-fresh-green-parsley-red-paprika-spice-black-background_84443-61197.jpg",              imageAlt: "Creamy labneh dip"
            },
            {
              id: "baba-ghanoush",              name: "Baba Ghanoush",              price: "$13",              variant: "Roasted Eggplant • Sesame • Pomegranate",              imageSrc: "https://img.b2bpic.net/free-psd/white-bowl-creamy-hummus-topped-with-fresh-salad-chopped-cucumber-tomato-garnished-with-herbs-served-with-pita-bread-wedges_84443-63597.jpg",              imageAlt: "Baba ghanoush dip"
            },
            {
              id: "fattoush",              name: "Fattoush Salad",              price: "$14",              variant: "Mixed Greens • Crispy Pita • Sumac Vinaigrette",              imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-rustic-bowl-filled-with-creamy-hummus-garnished-with-fresh-parsley-sesame-seeds-chili-oil-black-background_84443-61207.jpg",              imageAlt: "Fattoush salad"
            },
            {
              id: "muttabal",              name: "Muttabal - Spiced Eggplant",              price: "$13",              variant: "Eggplant • Yogurt • Spices • Pine Nuts",              imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-bowl-creamy-hummus-drizzled-with-golden-olive-oil-garnished-with-fresh-green-parsley-red-paprika-spice-black-background_84443-61197.jpg",              imageAlt: "Muttabal eggplant dish"
            },
            {
              id: "msabacha",              name: "Msabacha - Warm Hummus",              price: "$15",              variant: "Crushed Chickpeas • Tahini • Warm Olive Oil • Spices",              imageSrc: "https://img.b2bpic.net/free-psd/white-bowl-creamy-hummus-topped-with-fresh-salad-chopped-cucumber-tomato-garnished-with-herbs-served-with-pita-bread-wedges_84443-63597.jpg",              imageAlt: "Warm msabacha hummus"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="experience" data-section="experience">
        <FeatureCardTwelve
          title="The Sababa Experience"
          description="What makes dining with us unforgettable"
          tag="Why Choose Us"
          tagIcon={Heart}
          features={[
            {
              id: "ingredients",              label: "Premium",              title: "Finest Mediterranean Ingredients",              items: [
                "Sourced from trusted local suppliers",                "Organic produce whenever possible",                "Imported specialty items from Israel",                "Sustainable and ethical practices"
              ]
            },
            {
              id: "hospitality",              label: "Warmth",              title: "Authentic Israeli Hospitality",              items: [
                "Family-style communal dining",                "Personalized service experience",                "Knowledgeable staff recommendations",                "Welcoming atmosphere for all"
              ]
            },
            {
              id: "ambiance",              label: "Artistry",              title: "Elevated Culinary Presentation",              items: [
                "Chef-inspired plate compositions",                "Seasonal menu rotations",                "Wine pairing recommendations",                "Dessert selections crafted in-house"
              ]
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet Our Culinary Team"
          description="Experienced chefs passionate about Israeli cuisine"
          tag="Leadership"
          tagIcon={ChefHat}
          groups={[
            {
              id: "kitchen",              groupTitle: "Kitchen Leadership",              members: [
                {
                  id: "1",                  title: "Chef Alon Levi",                  subtitle: "Executive Chef",                  detail: "alon@sababa.com",                  imageSrc: "https://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-camera-restaurant-kitchen_613910-21338.jpg",                  imageAlt: "Chef Alon Levi"
                },
                {
                  id: "2",                  title: "Chef Miriam Cohen",                  subtitle: "Sous Chef",                  detail: "miriam@sababa.com",                  imageSrc: "https://img.b2bpic.net/free-photo/gastronomy-expert-kitchen-preparing-dishes-with-fresh-ingredients_482257-127694.jpg",                  imageAlt: "Chef Miriam Cohen"
                },
                {
                  id: "3",                  title: "Noa Rabinovitch",                  subtitle: "Pastry Chef",                  detail: "noa@sababa.com",                  imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-asian-chef-kitchen-interior-restaurant-vintage-filtered-image_1253-1013.jpg",                  imageAlt: "Noa Rabinovitch"
                },
                {
                  id: "4",                  title: "Rainer Ahi",                  subtitle: "Toilet Cleaner",                  detail: "Is Cleaning Rn",                  imageSrc: "https://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-camera-restaurant-kitchen_613910-21338.jpg",                  imageAlt: "Rainer Ahi"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Goldman",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",              imageAlt: "Sarah Goldman"
            },
            {
              id: "2",              name: "David Brenner",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",              imageAlt: "David Brenner"
            },
            {
              id: "3",              name: "Rachel Mizrahi",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg",              imageAlt: "Rachel Mizrahi"
            },
            {
              id: "4",              name: "Michael Levy",              imageSrc: "https://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",              imageAlt: "Michael Levy"
            }
          ]}
          cardTitle="Over 2,000 satisfied guests trust us for authentic Israeli dining"
          cardTag="See what they say"
          cardTagIcon={Star}
          cardAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Connected with Sababa Kitchen"
          description="Subscribe to our newsletter for exclusive recipes, event invitations, and special offers delivered straight to your inbox."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-hand-holding-plate-with-food_23-2148814494.jpg"
          imageAlt="Restaurant ambiance"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          mediaAnimation="opacity"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "/" },
                { label: "About", href: "about" },
                { label: "Menu", href: "/menu" },
                { label: "Team", href: "team" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Reservations", href: "tel:+972-3-123-4567" },
                { label: "Email", href: "mailto:reservations@sababa.com" },
                { label: "Location", href: "#" },
                { label: "Hours", href: "#" }
              ]
            },
            {
              title: "Discover",              items: [
                { label: "Our Story", href: "about" },
                { label: "Chef's Menu", href: "/menu" },
                { label: "Events", href: "#" },
                { label: "Catering", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Sababa Kitchen. All rights reserved."
          bottomRightText="Made with culinary passion"
        />
      </div>
    </ThemeProvider>
  );
}
