"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Facebook, Phone, MapPin } from "lucide-react";

export default function MenuPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Menu", id: "menu" },
    { name: "Order", id: "order" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={navItems}
          brandName="CHICKEN BOX"
          button={{
            text: "Order Now",            href: "/order"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Our Menu"
          description="Discover our full selection of delicious fried chicken, burgers, sandwiches, and sides. Everything is made fresh with premium ingredients."
          tag="🍗 Full Menu"
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Order Now",              href: "/order"},
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/four-boxes-nuggets-with-chicken-prawn-cheese-fish-with-four-sauce_141793-2305.jpg"
          imageAlt="CHICKEN BOX Full Menu Selection"
          showDimOverlay={true}
          showBlur={true}
        />
      </div>

      <div id="main-menu" data-section="main-menu">
        <ProductCardThree
          title="Complete Menu Selection"
          description="All our menu items prepared fresh with authentic flavors and premium quality ingredients."
          products={[
            {
              id: "meal-1",              name: "Chicken Bucket",              price: "149 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/four-boxes-nuggets-with-chicken-prawn-cheese-fish-with-four-sauce_141793-2305.jpg",              imageAlt: "Chicken Bucket Combo"},
            {
              id: "meal-2",              name: "Half Chicken Meal",              price: "120 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-fried-potatoes-celebration_140725-113379.jpg",              imageAlt: "Half Chicken Meal"},
            {
              id: "meal-3",              name: "Chicken Wings Basket",              price: "89 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-fried-potatoes-celebration_140725-113379.jpg",              imageAlt: "Crispy Chicken Wings"},
            {
              id: "burger-1",              name: "Big Fire Burger",              price: "85 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-sandwich-tomatoes-pepper-cutting-board-dark-color-surface_179666-34107.jpg",              imageAlt: "Big Fire Burger"},
            {
              id: "burger-2",              name: "Double Cheese Burger",              price: "95 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fresh-burger-fries-sauce_23-2148784442.jpg",              imageAlt: "Double Cheese Burger"},
            {
              id: "burger-3",              name: "Spicy Burger",              price: "80 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-sandwich-tomatoes-pepper-cutting-board-dark-color-surface_179666-34107.jpg",              imageAlt: "Spicy Burger"},
            {
              id: "sandwich-1",              name: "Chicken Sandwich",              price: "65 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/chef-making-sandwich-with-fresh-ingredient-delicious-nutrition_482257-10389.jpg",              imageAlt: "Crispy Chicken Sandwich"},
            {
              id: "sandwich-2",              name: "Grilled Chicken Sandwich",              price: "70 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/chef-making-sandwich-with-fresh-ingredient-delicious-nutrition_482257-10389.jpg",              imageAlt: "Grilled Chicken Sandwich"},
            {
              id: "rice-1",              name: "Spiced Chicken Rice",              price: "95 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/rice-chicken-plov-with-herbs-white-plate-composto_114579-82.jpg",              imageAlt: "Spiced Chicken Rice"},
            {
              id: "rice-2",              name: "Mixed Rice Special",              price: "110 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/rice-chicken-plov-with-herbs-white-plate-composto_114579-82.jpg",              imageAlt: "Mixed Rice Special"},
            {
              id: "sides-1",              name: "Sides Combo",              price: "45 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637340.jpg",              imageAlt: "Fries and Coleslaw"},
            {
              id: "sides-2",              name: "Extra Large Fries",              price: "35 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637340.jpg",              imageAlt: "Extra Large Fries"},
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu-faq" data-section="menu-faq">
        <FaqDouble
          title="Menu & Ordering FAQs"
          description="Have questions about our menu or special items? Get answers here."
          faqs={[
            {
              id: "1",              title: "Are all items available 24/7?",              content: "Yes! All menu items are available around the clock. We maintain the same quality and portions at any time of day."},
            {
              id: "2",              title: "Can I customize my order?",              content: "Absolutely! We welcome customizations. You can add or remove ingredients, change sauces, or request special preparation."},
            {
              id: "3",              title: "Do you offer combo deals?",              content: "Yes! Our combo meals include a main item, sides, and a drink at a special bundled price. Check the 'Meal Combos' section."},
            {
              id: "4",              title: "What are your most popular items?",              content: "Our Chicken Bucket, Big Fire Burger, and Chicken Sandwich are customer favorites. Try them and see why!"},
            {
              id: "5",              title: "Are there vegetarian options?",              content: "We primarily specialize in chicken and meat products. Contact us for special requests or side-only orders."},
            {
              id: "6",              title: "How long does preparation take?",              content: "Most orders are ready in 5-10 minutes. During peak hours, it may take up to 15 minutes. Delivery adds 20-30 minutes."},
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="CHICKEN BOX 🍗"
          copyrightText="© 2025 CHICKEN BOX تشكن بوكس. All rights reserved. Open 24/7 | El Tor, South Sinai, Egypt"
          socialLinks={[
            {
              icon: Facebook,
              href: "https://www.facebook.com/people/Chicken-box-306street/61553159303644/",              ariaLabel: "Facebook"},
            {
              icon: Phone,
              href: "tel:+201100016162",              ariaLabel: "Phone"},
            {
              icon: MapPin,
              href: "#contact",              ariaLabel: "Location"},
          ]}
        />
      </div>
    </ThemeProvider>
  );
}