41 lines
1.5 KiB
TypeScript
41 lines
1.5 KiB
TypeScript
"use client";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
export default function MenuPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home", href: "/" },
|
|
{ name: "Menu", id: "menu", href: "/menu" },
|
|
{ name: "Book Table", id: "book-table", href: "/book-table" },
|
|
{ name: "Gallery", id: "gallery", href: "/gallery" },
|
|
{ name: "Contact", id: "contact", href: "/contact" }
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={navItems}
|
|
brandName="La Bella Italia"
|
|
button={{ text: "Book Now", href: "/book-table" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
<main className="flex min-h-screen flex-col items-center justify-center p-8 md:p-24">
|
|
<h1 className="text-4xl font-semibold mb-4">Our Delicious Menu</h1>
|
|
<p className="text-lg text-center max-w-2xl">Explore a wide array of authentic Italian dishes, crafted with the freshest ingredients.</p>
|
|
</main>
|
|
</ThemeProvider>
|
|
);
|
|
} |