"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from 'next/link';

export default function MenuPage() {
  const navItems = [
    { href: "/", label: "Home" },
    { href: "/menu", label: "Menu" },
    { href: "/about", label: "About Us" },
    { href: "/gallery", label: "Gallery" },
    { href: "/reviews", label: "Reviews" },
    { href: "/contact", label: "Contact" },
    { href: "/reservations", label: "Reserve" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Moonlight Café"
          navItems={navItems}
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5b2ln"
          logoAlt="Moonlight Café Logo"
          bottomLeftText="A Taste of Elegance"
          bottomRightText="Reserve Your Table"
        />
      </div>
      <div id="full-menu" data-section="full-menu">
        <ProductCardTwo
          title="Our Exquisite Menu"
          description="Discover a symphony of flavors, from rich artisan coffees to gourmet dishes and delectable pastries, all crafted with the finest ingredients."
          products={[
            { id: "menu-item-1", brand: "Coffee", name: "Espresso", price: "$3.00", rating: 5, reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/motion-colorful-ink-water_23-2147786657.jpg", imageAlt: "Espresso" },
            { id: "menu-item-2", brand: "Coffee", name: "Cappuccino", price: "$4.50", rating: 5, reviewCount: "180 reviews", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cup-cappuccino-with-white-heart-pattern-wooden-table_181624-9618.jpg?_wi=2", imageAlt: "Cappuccino" },
            { id: "menu-item-3", brand: "Coffee", name: "Cold Brew", price: "$5.00", rating: 4, reviewCount: "110 reviews", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-grains_114579-20067.jpg", imageAlt: "Cold Brew" },
            { id: "menu-item-4", brand: "Pastry", name: "Blueberry Muffin", price: "$4.00", rating: 4, reviewCount: "90 reviews", imageSrc: "http://img.b2bpic.net/free-photo/coffee-pot-near-leaves-snacks_23-2147885862.jpg?_wi=2", imageAlt: "Blueberry Muffin" },
            { id: "menu-item-5", brand: "Pastry", name: "Chocolate Lava Cake", price: "$7.00", rating: 5, reviewCount: "130 reviews", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232376.jpg", imageAlt: "Chocolate Lava Cake" },
            { id: "menu-item-6", brand: "Pastry", name: "Seasonal Fruit Tart", price: "$6.50", rating: 5, reviewCount: "100 reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-extremely-close-view-delicious-cake-with-cream-red-fruits-dark-surface-cake-fruit-biscuit_140725-27500.jpg", imageAlt: "Seasonal Fruit Tart" },
            { id: "menu-item-7", brand: "Lunch", name: "Caprese Salad", price: "$10.50", rating: 5, reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-mayonnaise_140725-6377.jpg?_wi=2", imageAlt: "Caprese Salad" },
            { id: "menu-item-8", brand: "Lunch", name: "Creamy Mushroom Pasta", price: "$14.00", rating: 4, reviewCount: "70 reviews", imageSrc: "http://img.b2bpic.net/free-photo/pasta-spaghetti-with-tomato-sauce-cheese-served-plate_1220-7158.jpg", imageAlt: "Creamy Mushroom Pasta" },
            { id: "menu-item-9", brand: "Lunch", name: "Artisan Tomato Soup", price: "$8.00", rating: 5, reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/chicken-soup-with-green-peas-carrots-potatoes-white-bowl_2829-10728.jpg", imageAlt: "Artisan Tomato Soup" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Browse Our Offerings"
        />
      </div>
      <div id="menu-specials" data-section="menu-specials">
        <FeatureCardTwelve
          title="Today's Specials & Dietary Options"
          description="Indulge in our daily rotating specials crafted with seasonal ingredients, or explore our thoughtfully prepared vegan and gluten-free options."
          features={[
            { id: "special-1", label: "Seasonal Highlight", title: "Autumn Spice Latte & Pumpkin Tart", items: ["Warm, aromatic latte infused with fall spices.", "Hand-baked pumpkin tart with a hint of cinnamon.", "Perfect for a cozy afternoon treat."] },
            { id: "special-2", label: "Vegan Delight", title: "Plant-Based Mediterranean Bowl", items: ["Fresh quinoa, chickpeas, olives, and sundried tomatoes.", "Drizzled with a zesty lemon-tahini dressing.", "A wholesome and flavorful vegan option."] },
            { id: "special-3", label: "Gluten-Free Choice", title: "GF Chocolate Chip Cookies & Almond Milk Latte", items: ["Deliciously soft and chewy gluten-free cookies.", "Paired with a creamy almond milk latte.", "Satisfy your sweet cravings, guilt-free."] }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Daily Discoveries"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Moonlight Café"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5b2ln"
          logoAlt="Moonlight Café Logo"
          useInvertedBackground={true}
        />
      </div>
    </ThemeProvider>
  );
}