40305bbb-8320-4ced-bb72-e41bc54c4166/src/app/menu/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from 'next/link';

export default function MenuPage() {
  const navItems = [
    { name: "Menu", id: "menu" },
    { name: "Coffee", id: "coffee" },
    { name: "Visit", id: "visit" },
    { name: "About", id: "about" },
  ];

  const allMenuItems = [
    {
      id: "breakfast-plate",
      name: "All-Day Breakfast Plate",
      price: "HK$120–150",
      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oaav9h",
      imageAlt: "Artfully plated breakfast with fresh fruit and pastry",
    },
    {
      id: "hojicha-latte",
      name: "Hojicha Latte",
      price: "HK$55–65",
      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=582mfc",
      imageAlt: "Creamy hojicha latte with decorative foam art",
    },
    {
      id: "v60-pour-over",
      name: "V-60 Hand Drip Single Origin",
      price: "HK$70–85",
      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vbuuzl",
      imageAlt: "Precision hand-drip V-60 pour-over coffee brewing",
    },
    {
      id: "fusion-main",
      name: "Signature Sino-Western Main",
      price: "HK$160–190",
      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hag54r",
      imageAlt: "Creative fusion main course blending Asian and European influences",
    },
    {
      id: "pastry",
      name: "French Pastry Selection",
      price: "HK$38–58",
      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ln21l",
      imageAlt: "Golden baked French croissant with delicate layers",
    },
    {
      id: "latte-art",
      name: "Seasonal Specialty Latte",
      price: "HK$62–72",
      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzlj9r",
      imageAlt: "Coffee cup with intricate foam latte art design",
    },
  ];

  const menuGuide = [
    {
      id: "1",
      category: ["Coffee Guide"],
      title: "Our Coffee Selection",
      excerpt: "From hand-drip precision brews to milk-based specialty drinks. Each method showcases our commitment to quality and craft.",
      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p80s9k",
      imageAlt: "Specialty coffee roasting beans artisanal close up",
      authorName: "Lento Baristas",
      authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=427n7c",
      date: "Brewing Guide",
    },
    {
      id: "2",
      category: ["Brunch Menu"],
      title: "Sino-Western Breakfast & Lunch",
      excerpt: "Inventive dishes that blend Asian and European flavors. Every plate is thoughtfully composed and generously portioned.",
      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5w4u42",
      imageAlt: "Artfully plated fusion dish with creative composition",
      authorName: "Lento Chefs",
      authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=427n7c",
      date: "All Day",
    },
    {
      id: "3",
      category: ["Pastry Corner"],
      title: "Fresh Baked Pastries & Sides",
      excerpt: "Croissants, viennoiserie, and small bites crafted in-house. Perfect companions to your morning coffee or afternoon tea.",
      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ln21l",
      imageAlt: "Golden baked French pastry with artisanal detail",
      authorName: "Lento Bakery",
      authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=427n7c",
      date: "Fresh Daily",
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="large"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Lento"
          navItems={navItems}
          button={{
            text: "Reserve a Table",
            href: "#reserve",
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="menu-items" data-section="menu-items">
        <ProductCardOne
          title="Complete Menu"
          description="All the signature dishes and drinks that make Lento special"
          products={allMenuItems}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu-guide" data-section="menu-guide">
        <BlogCardTwo
          title="Menu Guide & Inspiration"
          description="Learn about our coffee brewing methods, seasonal offerings, and food pairings"
          blogs={menuGuide}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Lento"
          leftLink={{
            text: "Privacy Policy",
            href: "#",
          }}
          rightLink={{
            text: "Terms of Service",
            href: "#",
          }}
        />
      </div>
    </ThemeProvider>
  );
}