"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import SplitAbout from "@/components/sections/about/SplitAbout";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Heart, CheckCircle, Users, Zap, Award, Phone } from "lucide-react";

export default function MenuPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="medium"
      background="fluid"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="סין צ'אן"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "#about" },
            { name: "Menu", id: "#features" },
            { name: "Reviews", id: "#testimonials" },
            { name: "Contact", id: "#contact" },
          ]}
          button={{ text: "Reserve Now", href: "/contact" }}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Complete Menu Selection"
          description="Explore our comprehensive menu featuring authentic Asian dishes, from traditional sushi to innovative wok creations. Each dish is crafted with premium ingredients and culinary expertise."
          tag="All Offerings"
          tagIcon={Sparkles}
          features={[
            {
              icon: Zap,
              title: "Nigiri & Sashimi",
              description: "Hand-selected premium fish served fresh. Classic nigiri combinations and premium sashimi platters showcasing the finest imports.",
            },
            {
              icon: Zap,
              title: "Specialty Maki Rolls",
              description: "Creative inside-out rolls with unique flavor combinations. From California rolls to chef's signature creations with premium fillings.",
            },
            {
              icon: Zap,
              title: "Tempura & Appetizers",
              description: "Lightly battered and deep-fried vegetables, shrimp, and fish. Crispy on the outside, tender on the inside, served with dipping sauces.",
            },
            {
              icon: Heart,
              title: "Beef & Chicken Wok",
              description: "Tender beef and chicken stir-fried with fresh vegetables, aromatic sauces, and traditional Asian seasonings prepared in our hot wok.",
            },
            {
              icon: Zap,
              title: "Seafood Wok Dishes",
              description: "Fresh shrimp, scallops, and mixed seafood wok dishes. Perfectly balanced with crisp vegetables and savory brown sauce or spicy alternatives.",
            },
            {
              icon: Award,
              title: "Noodle & Rice Bowls",
              description: "Ramen, udon, and fried rice bowls served hot. Choose your protein, sauce level, and vegetable selections for a customized meal experience.",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
          tagAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Culinary Philosophy"
          description="At סין צ'אן, we believe authentic Asian cuisine is about respecting traditions while embracing quality and innovation. Every dish tells a story of craftsmanship and passion."
          tag="How We Cook"
          tagIcon={Heart}
          bulletPoints={[
            {
              icon: CheckCircle,
              title: "Premium Ingredients",
              description: "We source the finest ingredients from trusted suppliers. Fresh fish delivered daily, premium oils, and authentic Asian sauces and spices.",
            },
            {
              icon: Users,
              title: "Expert Preparation",
              description: "Our chefs bring years of culinary experience. Each dish is prepared with precision, attention to detail, and respect for traditional cooking methods.",
            },
            {
              icon: Zap,
              title: "Customization Welcome",
              description: "Allergies? Preferences? We adapt every dish to your needs. Our team accommodates dietary restrictions without compromising on flavor or quality.",
            },
            {
              icon: Award,
              title: "Seasonal Specials",
              description: "We feature rotating seasonal dishes that highlight fresh, in-season produce and limited-edition protein selections for variety and excitement.",
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg?_wi=3"
          imageAlt="Restaurant ambiance and culinary excellence"
          imagePosition="right"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Order?"
          tagIcon={Phone}
          title="Explore Our Full Menu Today"
          description="Visit us in Beit HaShita, call to place an order, or book a table online. We offer dine-in, takeaway, and delivery. Let us bring authentic Asian cuisine to your table."
          buttons={[
            { text: "Call Now: 04-653-5500", href: "tel:+972-4-653-5500" },
            { text: "Make a Reservation", href: "/contact" },
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/red-open-sign-still-life_23-2149168997.jpg?_wi=3"
          imageAlt="סין צ'אן restaurant exterior"
          logoText="סין צ'אן בית השיטה"
          copyrightText="© 2025 סין צ'אן בית השיטה. All rights reserved."
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "Home", href: "/" },
                { label: "About Us", href: "#about" },
                { label: "Menu", href: "/menu" },
                { label: "Reservations", href: "/contact" },
              ],
            },
            {
              title: "Contact",
              items: [
                { label: "Phone: 04-653-5500", href: "tel:+972-4-653-5500" },
                { label: "Email: info@sinci.co.il", href: "mailto:info@sinci.co.il" },
                { label: "Beit HaShita", href: "#" },
                { label: "Hours: 11am - 11pm", href: "#" },
              ],
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Catering Inquiry", href: "/contact" },
                { label: "Follow Us", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}