"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Award, Package, Phone, Cake, Croissant, Bread, Cookie, Coffee, Gift } from "lucide-react";

const MenuPage = () => {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Menu", id: "menu" },
    { name: "Custom Orders", id: "custom-orders" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Shop",
      items: [
        { label: "All Products", href: "/menu" },
        { label: "Custom Cakes", href: "/menu" },
        { label: "Gift Boxes", href: "/menu" },
        { label: "Seasonal Items", href: "/menu" },
        { label: "Track Order", href: "/menu" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/" },
        { label: "Our Story", href: "/" },
        { label: "Careers", href: "/" },
        { label: "Blog", href: "/" },
        { label: "Press", href: "/" },
      ],
    },
    {
      title: "Support",
      items: [
        { label: "Contact Us", href: "/" },
        { label: "FAQs", href: "/" },
        { label: "Shipping Info", href: "/" },
        { label: "Returns", href: "/" },
        { label: "Live Chat", href: "/" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "/" },
        { label: "Terms of Service", href: "/" },
        { label: "Cookie Policy", href: "/" },
        { label: "Accessibility", href: "/" },
        { label: "Contact Support", href: "/" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="medium"
      background="noiseDiagonalGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="N&H BAKERY"
          navItems={navItems}
          button={{ text: "Order Now", href: "/menu" }}
        />
      </div>

      <div id="menu-all-products" data-section="menu-all-products">
        <ProductCardTwo
          title="Complete Menu"
          description="Browse our entire selection of premium baked goods. All items are freshly prepared daily with the finest ingredients."
          tag="Full Selection"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[{ text: "Back to Home", href: "/" }]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          animationType="slide-up"
          products={[
            {
              id: "wedding-cake",
              brand: "Premium Selection",
              name: "Custom Wedding Cake",
              price: "KSh 5,500",
              rating: 5,
              reviewCount: "48 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/wedding-cake_1157-538.jpg?_wi=2",
              imageAlt: "elegant white wedding cake design",
            },
            {
              id: "chocolate-croissant",
              brand: "Daily Special",
              name: "Chocolate Croissant",
              price: "KSh 350",
              rating: 4.8,
              reviewCount: "156 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/croissants-coffee-old-wood-table_1150-12248.jpg?_wi=2",
              imageAlt: "golden butter chocolate croissant",
            },
            {
              id: "cupcake-box",
              brand: "Celebration Pack",
              name: "Gourmet Cupcake Box",
              price: "KSh 1,200",
              rating: 4.9,
              reviewCount: "203 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/box-with-yummy-muffins_23-2147787040.jpg?_wi=2",
              imageAlt: "gourmet cupcake premium gift box",
            },
            {
              id: "sourdough",
              brand: "Artisan Collection",
              name: "Premium Sourdough Loaf",
              price: "KSh 450",
              rating: 4.7,
              reviewCount: "89 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/slices-fresh-breads-wooden-background_23-2147955213.jpg?_wi=2",
              imageAlt: "artisan sourdough loaf crusty",
            },
            {
              id: "birthday-cake",
              brand: "Special Occasions",
              name: "Custom Birthday Cake",
              price: "KSh 3,500",
              rating: 5,
              reviewCount: "127 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/lovely-birthday-concept-with-chocolate-cake_23-2147997433.jpg?_wi=2",
              imageAlt: "custom birthday cake personalized",
            },
            {
              id: "dessert-box",
              brand: "Premium Collection",
              name: "Luxury Dessert Box",
              price: "KSh 2,800",
              rating: 4.9,
              reviewCount: "95 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/brightly-colored-cakes-refrigerator_1232-3406.jpg?_wi=2",
              imageAlt: "luxury gourmet dessert assortment",
            },
          ]}
        />
      </div>

      <div id="menu-categories" data-section="menu-categories">
        <FeatureBorderGlow
          title="Browse by Category"
          description="Find exactly what you're looking for. Each category contains our finest selections and specialty items."
          tag="Easy Shopping"
          tagIcon={Package}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
          features={[
            {
              icon: Cake,
              title: "Cakes & Tortes",
              description: "Custom wedding cakes, birthday cakes, celebration tortes, and layered masterpieces",
            },
            {
              icon: Croissant,
              title: "Pastries & Croissants",
              description: "Buttery croissants, pain au chocolat, danish pastries, and continental delights",
            },
            {
              icon: Bread,
              title: "Artisan Breads",
              description: "Sourdough, baguettes, ciabatta, whole grain, and specialty breads",
            },
            {
              icon: Cookie,
              title: "Cookies & Treats",
              description: "Chocolate chip cookies, macarons, brownies, biscotti, and bite-sized delights",
            },
            {
              icon: Coffee,
              title: "Beverages",
              description: "Premium coffee, specialty teas, fresh juices, and hot chocolate",
            },
            {
              icon: Gift,
              title: "Special Orders",
              description: "Custom cakes, corporate gifts, party platters, and bespoke creations",
            },
          ]}
        />
      </div>

      <div id="menu-contact" data-section="menu-contact">
        <ContactFaq
          useInvertedBackground={false}
          animationType="slide-up"
          ctaTitle="Can't Find What You're Looking For?"
          ctaDescription="Contact us for custom requests, bulk orders, or any special requirements. Our team is ready to help!"
          ctaIcon={Phone}
          ctaButton={{ text: "Get in Touch", href: "/" }}
          faqs={[
            {
              id: "menu-contact-1",
              title: "Custom Orders",
              content: "Available for cakes, pastries, and party platters. Please allow 7-14 days for custom requests.",
            },
            {
              id: "menu-contact-2",
              title: "Bulk Discounts",
              content: "We offer special pricing for corporate orders, events, and bulk purchases. Contact our sales team.",
            },
            {
              id: "menu-contact-3",
              title: "Dietary Requirements",
              content: "Gluten-free, vegan, and sugar-free options available. Please notify us in advance.",
            },
            {
              id: "menu-contact-4",
              title: "Fast Delivery",
              content: "Same-day delivery available for orders placed before 10 AM. Additional fees may apply.",
            },
            {
              id: "menu-contact-5",
              title: "Subscription Service",
              content: "Sign up for weekly or monthly deliveries of your favorite items at discounted rates.",
            },
            {
              id: "menu-contact-6",
              title: "Seasonal Items",
              content: "Limited-time seasonal offerings available. Follow us on social media for new releases.",
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          copyrightText="© 2024 N&H BAKERY. All rights reserved. Freshly baked goodness since 2020."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
};

export default MenuPage;