Update src/app/menu/page.tsx

Merge version_3 into main

src/app/menu/page.tsx

@@ -0,0 +1,82 @@
+"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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+
+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: "Book Now", href: "/#contact" }}
+        />
+        
+        <div className="pt-32 pb-20">
+          <ProductCardTwo
+            title="Our Menu"
+            description="All prices in Thai Baht are subject to 10% service charge and 7% VAT."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            products={[
+              { id: "c1", brand: "Signature", name: "Uni Pie", price: "790", rating: 5, reviewCount: "120", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=1" },
+              { id: "c2", brand: "Main", name: "Beef Shabu Shabu", price: "720", rating: 5, reviewCount: "85", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=2" },
+              { id: "c3", brand: "Signature", name: "Blue Crab 2 Ways", price: "890", rating: 5, reviewCount: "45", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=3" },
+              { id: "c4", brand: "Starter", name: "Baked Wild Mushroom", price: "590", rating: 4, reviewCount: "92", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=4" }
+            ]}
+          />
+          
+          <div className="mt-16">
+            <ProductCardTwo
+              title="Recommended for You"
+              description="Selection of our finest dishes."
+              gridVariant="asymmetric-60-wide-40-narrow"
+              animationType="slide-up"
+              textboxLayout="default"
+              carouselMode="auto"
+              useInvertedBackground={true}
+              products={[
+                { id: "rec1", brand: "Signature", name: "Signature Uni Pie", price: "790", rating: 5, reviewCount: "120", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=5" },
+                { id: "rec2", brand: "Main", name: "Beef Shabu Shabu", price: "720", rating: 5, reviewCount: "85", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=6" },
+                { id: "rec3", brand: "Signature", name: "Blue Crab 2 Ways", price: "890", rating: 5, reviewCount: "45", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=7" }
+              ]}
+            />
+          </div>
+        </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

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -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"
@@ -115,11 +115,10 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/bottles-tasty-wine-posh-reastoraunt-are-stored-shelf_613910-17445.jpg"
+      <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: "#" }] },
       ]}