"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import {
  Flame,
  Spice,
  Utensils,
  Fire,
} from "lucide-react";

const navItems = [
  { name: "Home", id: "home" },
  { name: "Menu", id: "menu" },
  { name: "Offers", id: "offers" },
  { name: "Reserve", id: "reserve" },
  { name: "Contact", id: "contact" },
];

export default function MenuPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="KOYLA KINGS"
          navItems={navItems}
          button={{
            text: "Order Now",
            href: "https://order.koylakings.com",
          }}
        />
      </div>

      <div id="menu-hero" data-section="menu-hero">
        <HeroBillboardTestimonial
          title="Our Menu"
          description="Explore our full range of authentic Pakistani, Indian, Chinese, and BBQ specialties"
          background={{
            variant: "canvas-reveal",
          }}
          buttons={[
            {
              text: "Order Now",
              href: "https://order.koylakings.com",
            },
            {
              text: "Back to Home",
              href: "/",
            },
          ]}
          testimonials={[
            {
              name: "Pakistani Classics",
              handle: "@karahi_special",
              testimonial:
                "Authentic biryani, karahi, and tandoori specialties crafted with traditional spices",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/fried-meat-with-greens-saffron-boiled-rice_140725-2103.jpg",
              imageAlt: "biryani karahi curry traditional Pakistani",
            },
            {
              name: "Indian Flavors",
              handle: "@curry_lovers",
              testimonial:
                "Vibrant curries, naan breads, and regional delicacies from across India",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086078.jpg",
              imageAlt: "Indian curry naan rice spiced authentic",
            },
            {
              name: "Chinese Wok",
              handle: "@wok_fired",
              testimonial:
                "Wok-fired noodles, fried rice, and stir-fried dishes with premium halal ingredients",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/fried-noodles-plate_1339-2153.jpg",
              imageAlt: "Chinese food stir fry noodles rice",
            },
            {
              name: "BBQ Grills",
              handle: "@fire_masters",
              testimonial:
                "Char-grilled skewers and flame-roasted specialties cooked to perfection",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/tasty-fresh-appetizing-meat-beef-grill-cooking-open-fire-grill-grid-nature-background-closeup_1220-1378.jpg",
              imageAlt: "BBQ karahi grilled meat flames fire",
            },
          ]}
          avatars={[
            {
              src: "http://img.b2bpic.net/free-vector/halal-stamp-collection-with-golden-style_23-2147874784.jpg",
              alt: "100% Halal Certified",
            },
            {
              src: "http://img.b2bpic.net/free-photo/top-view-indian-food-frame-with-copy-space_23-2148747627.jpg",
              alt: "Premium Ingredients",
            },
            {
              src: "http://img.b2bpic.net/free-photo/indian-meal-with-rice-sari_23-2148747624.jpg",
              alt: "Expert Preparation",
            },
            {
              src: "http://img.b2bpic.net/free-photo/man-hands-decorating-table-with-fir-tree-branch_23-2147969387.jpg",
              alt: "Professional Service",
            },
          ]}
          avatarText="4.9★ Rated"
          useInvertedBackground={true}
        />
      </div>

      <div id="menu-categories" data-section="menu-categories">
        <FeatureBorderGlow
          title="Menu Categories"
          description="Discover our signature dishes across all four cuisines, each prepared with fire and passion"
          features={[
            {
              icon: Flame,
              title: "Pakistani Specialties",
              description:
                "Biryani, Karahi, Tandoori Chicken, Seekh Kebab, Naan Breads, and traditional curries cooked the authentic way",
            },
            {
              icon: Spice,
              title: "Indian Delights",
              description:
                "Butter Chicken, Tikka Masala, Dhal Makhani, Rogan Josh, Samosas, and aromatic rice dishes",
            },
            {
              icon: Utensils,
              title: "Chinese Wok",
              description:
                "Fried Rice, Lo Mein, Chow Mein, Kung Pao Chicken, Vegetable Stir-fry, and Asian fusion specialties",
            },
            {
              icon: Fire,
              title: "BBQ & Grills",
              description:
                "Sizzling Karahi, Flame-Grilled Skewers, Tandoori Mix, BBQ Platter, and fire-roasted meats",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu-pricing" data-section="menu-pricing">
        <PricingCardTwo
          title="Popular Packages"
          description="Choose from our curated meal packages designed for individuals, families, and group gatherings"
          plans={[
            {
              id: "individual",
              badge: "Single Serve",
              price: "$12-$18",
              subtitle: "Individual Dishes",
              buttons: [
                {
                  text: "Browse Menu",
                  href: "https://order.koylakings.com",
                },
              ],
              features: [
                "Single portion specialties",
                "Mix & match cuisines",
                "Fresh cooked to order",
                "Delivery available",
              ],
            },
            {
              id: "family",
              badge: "Family Feast",
              price: "$45-$75",
              subtitle: "Serves 3-4 People",
              buttons: [
                {
                  text: "Order Family Pack",
                  href: "https://order.koylakings.com",
                },
              ],
              features: [
                "Mix of all 4 cuisines",
                "Variety of dishes",
                "Includes rice & bread",
                "Perfect for families",
              ],
            },
            {
              id: "party",
              badge: "Party Special",
              price: "$99+",
              subtitle: "Group Orders",
              buttons: [
                {
                  text: "Book Party Catering",
                  href: "/reserve",
                },
              ],
              features: [
                "Custom catering menu",
                "Group discounts",
                "Large quantity options",
                "Event coordination",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="KOYLA KINGS"
          columns={[
            {
              title: "Quick Links",
              items: [
                {
                  label: "Home",
                  href: "/",
                },
                {
                  label: "Menu",
                  href: "/menu",
                },
                {
                  label: "Offers",
                  href: "/offers",
                },
                {
                  label: "Reserve",
                  href: "/reserve",
                },
              ],
            },
            {
              title: "Hours",
              items: [
                {
                  label: "Monday - Sunday",
                  href: "#",
                },
                {
                  label: "3:00 PM - 12:00 AM",
                  href: "#",
                },
                {
                  label: "Open Late Fridays",
                  href: "#",
                },
                {
                  label: "Delivery & Takeaway",
                  href: "#",
                },
              ],
            },
            {
              title: "Contact",
              items: [
                {
                  label: "Phone: 0410 104 332",
                  href: "tel:0410104332",
                },
                {
                  label: "Mount Druitt NSW 2770",
                  href: "#",
                },
                {
                  label: "Follow on Instagram",
                  href: "https://instagram.com",
                },
                {
                  label: "Message on WhatsApp",
                  href: "https://wa.me",
                },
              ],
            },
            {
              title: "Legal",
              items: [
                {
                  label: "Privacy Policy",
                  href: "#",
                },
                {
                  label: "Terms of Service",
                  href: "#",
                },
                {
                  label: "100% Halal Certified",
                  href: "#",
                },
                {
                  label: "Accessibility",
                  href: "#",
                },
              ],
            },
          ]}
          copyrightText="© 2025 Koyla Kings | Cooked with fire, served with pride"
        />
      </div>
    </ThemeProvider>
  );
}