"use client";

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 FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import { ShoppingCart, Phone, MapPin, Facebook } from "lucide-react";

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

  const navItemLinks = [
    { name: "Home", href: "/" },
    { name: "Menu", href: "/menu" },
    { name: "Order", href: "/order" },
    { name: "About", href: "/about" },
    { name: "Contact", href: "/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" className="relative z-50">
        <NavbarLayoutFloatingInline
          brandName="CHICKEN BOX"
          navItems={navItems}
          button={{
            text: "Order Now",
            href: "/order",
          }}
        />
      </div>

      <div id="hero-order" data-section="hero-order" className="mx-auto px-4 md:px-6">
        <HeroOverlay
          title="Order Your Favorite Meal"
          description="Choose from our delicious menu and get it delivered to your door in 30 minutes or less. Available 24/7!"
          tag="🔥 Order Now"
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Browse Menu",
              href: "#menu-items",
            },
            {
              text: "Track Order",
              href: "#tracking",
            },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/fried-chicken-with-fried-potatoes-celebration_140725-113379.jpg?_wi=5"
          imageAlt="CHICKEN BOX - Crispy Fried Chicken"
          showDimOverlay={true}
          showBlur={true}
        />
      </div>

      <div id="menu-items" data-section="menu-items" className="mx-auto px-4 md:px-6">
        <ProductCardThree
          title="Popular Menu Items"
          description="Best-selling items loved by our customers. Fresh ingredients and authentic taste."
          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?_wi=4",
              imageAlt: "Chicken Bucket Combo",
            },
            {
              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?_wi=5",
              imageAlt: "Big Fire 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?_wi=4",
              imageAlt: "Crispy 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?_wi=4",
              imageAlt: "Spiced Chicken Rice",
            },
            {
              id: "sides-1",
              name: "Sides Combo",
              price: "45 EGP",
              imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637340.jpg?_wi=4",
              imageAlt: "Fries and Coleslaw",
            },
            {
              id: "sauce-1",
              name: "Sauce Selection",
              price: "10 EGP",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-dips-fries-into-mayonnaise_140725-4438.jpg?_wi=2",
              imageAlt: "Various Sauces",
            },
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="ordering-options" data-section="ordering-options" className="mx-auto px-4 md:px-6">
        <FeatureCardTwentyThree
          title="How to Order"
          description="Choose your preferred ordering method and enjoy CHICKEN BOX delivered right to you."
          features={[
            {
              id: "1",
              title: "Online Order",
              tags: ["Website", "Fast", "Easy"],
              imageSrc: "http://img.b2bpic.net/free-photo/woman-dips-fries-into-mayonnaise_140725-4438.jpg?_wi=3",
              imageAlt: "Online Ordering",
            },
            {
              id: "2",
              title: "Delivery",
              tags: ["30 mins", "Hot", "Fresh"],
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-package_23-2149908138.jpg",
              imageAlt: "Fast Delivery Service",
            },
            {
              id: "3",
              title: "Call to Order",
              tags: ["Phone", "24/7", "Personal"],
              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-pointing-finger-upwards-handsome-guy-recommending-something_1262-14254.jpg?_wi=2",
              imageAlt: "Phone Ordering",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
        <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>
  );
}