src/app/menu/page.tsx

@@ -0,0 +1,88 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="aurora"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Hippopotoshi"
+          button={{ text: "Reserve", href: "/#contact" }}
+        />
+        
+        <div className="pt-32 pb-20">
+          <ProductCardOne
+            title="Our Menu"
+            description="All prices in Thai Baht are subject to 10% service charge and 7% VAT."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="split"
+            products={[
+              { id: "c1", name: "Signature Uni Pie", price: "790" },
+              { id: "c2", name: "Beef Shabu Shabu", price: "720" },
+              { id: "c3", name: "Blue Crab 2 Ways", price: "890" },
+              { id: "c4", name: "Baked Wild Mushroom", price: "590" },
+              { id: "s1", name: "Sashimi Carpaccio", price: "490" },
+              { id: "s2", name: "Saumon Marine", price: "450" },
+              { id: "s3", name: "Foie Gras Okonomiyaki", price: "420" },
+              { id: "s4", name: "Kakuni Croque Madame", price: "320" },
+              { id: "ch1", name: "Cold Cut Platter", price: "490" },
+              { id: "ch2", name: "Cheese Platter", price: "490" },
+              { id: "sp1", name: "Soup of The Day", price: "150" },
+              { id: "sp2", name: "Clam Chowder", price: "220" },
+              { id: "sa1", name: "Burrata Tomato Salad", price: "450" },
+              { id: "sa2", name: "Beet Root Salmon Salad", price: "280" },
+              { id: "sa3", name: "Hippopotoshi Salad", price: "300" },
+              { id: "m1", name: "Fish of The Day", price: "450" },
+              { id: "m2", name: "Ikameshi (Stuffed Squid)", price: "490" },
+              { id: "m3", name: "Maguro Hoho Steak", price: "690" },
+              { id: "m4", name: "Poulet Roti", price: "650" },
+              { id: "m5", name: "Organic Pork Chop", price: "650" },
+              { id: "m6", name: "Beef Tenderloin", price: "990" },
+              { id: "r1", name: "Pasta of The Day", price: "380" },
+              { id: "r2", name: "A5 Wagyu Kamameshi", price: "600" },
+              { id: "d1", name: "Mango Crème Brûlée", price: "190" },
+              { id: "d2", name: "Nougat Glace", price: "150" },
+              { id: "d3", name: "Chocolate Terrine", price: "190" },
+              { id: "d4", name: "Dango Mitarashi", price: "150" },
+              { id: "d5", name: "Pudding Au Citron", price: "150" }
+            ].map(p => ({ ...p, imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg" }))}
+          />
+        </div>
+
+        <FooterBaseReveal
+          logoText="Hippopotoshi"
+          columns={[
+            { title: "Navigate", items: [{ label: "Menu", href: "/menu" }, { label: "About Us", href: "/#about" }, { label: "Reservations", href: "/#contact" }] },
+            { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
+            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+          ]}
+          copyrightText="© 2025 | Hippopotoshi Restaurant"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
-        { name: "Menu", id: "menu" },
+        { name: "Menu", id: "/menu" },
         { name: "Testimonials", id: "testimonials" },
         { name: "Contact", id: "contact" },
       ]}
@@ -47,7 +47,7 @@ export default function LandingPage() {
       description="Experience the art of culinary excellence in an intimate setting. Where tradition meets innovation, served with passion."
       buttons={[
         { text: "Reserve a Table", href: "#contact" },
-        { text: "View Menu", href: "#menu" },
+        { text: "View Menu", href: "/menu" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
       mediaAnimation="blur-reveal"
@@ -118,7 +118,7 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Hippopotoshi"
       columns={[
-        { title: "Navigate", items: [{ label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }, { label: "Reservations", href: "#contact" }] },
+        { title: "Navigate", items: [{ label: "Menu", href: "/menu" }, { label: "About Us", href: "#about" }, { label: "Reservations", href: "#contact" }] },
         { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
         { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}