diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index edec326..71caa04 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,15 +1,7 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
-import "./styles/variables.css";
-import "./styles/base.css";
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
 
 export const metadata: Metadata = {
-  title: "Baan Mu - Authentic Thai Cuisine",  description: "Experience authentic Thai cuisine at Baan Mu in San Francisco"};
+  title: "Baan Mu - Thai Restaurant",  description: "Authentic Thai cuisine at Baan Mu"};
 
 export default function RootLayout({
   children,
@@ -18,7 +10,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={inter.variable}>{children}
+      <body>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index c7436ba..58e694c 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -1,10 +1,10 @@
-"use client"
+"use client";
 
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { ChefHat } from "lucide-react";
+import { ChefHat, Users } from "lucide-react";
 
 export default function MenuPage() {
   return (
@@ -34,6 +34,56 @@ export default function MenuPage() {
         />
       </div>
 
+      <div id="hero" data-section="hero" className="relative w-full min-h-screen flex items-center justify-center px-4 py-20 md:py-32">
+        <div className="absolute inset-0 pointer-events-none"></div>
+        <div className="relative z-10 flex flex-col items-center justify-center text-center max-w-4xl">
+          <ProductCardOne
+            title="Our Complete Menu"
+            description="Explore the full range of authentic Thai dishes we offer. Each item is carefully crafted using traditional recipes and the finest ingredients."
+            tag="Chef's Selection"
+            tagIcon={ChefHat}
+            tagAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              {
+                id: "1",                name: "Pad Thai",                price: "$16.95",                imageSrc: "http://img.b2bpic.net/free-photo/stir-noodles-fry-green-chinese_1203-5877.jpg?_wi=2",                imageAlt: "Pad Thai - Stir-fried noodles"
+              },
+              {
+                id: "2",                name: "Green Curry",                price: "$18.95",                imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg?_wi=2",                imageAlt: "Green Curry with chicken"
+              },
+              {
+                id: "3",                name: "Tom Yum Soup",                price: "$14.95",                imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-thai-hot-spicy-soup-shrimp-with-lemon-grass-lemon-galangal-chilli-wooden-table-thailand-food_1150-21062.jpg?_wi=2",                imageAlt: "Tom Yum - Hot and sour soup"
+              },
+              {
+                id: "4",                name: "Massaman Curry",                price: "$17.95",                imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg?_wi=2",                imageAlt: "Massaman Curry with beef"
+              },
+              {
+                id: "5",                name: "Pad Krapow Moo",                price: "$15.95",                imageSrc: "http://img.b2bpic.net/free-photo/stir-noodles-fry-green-chinese_1203-5877.jpg?_wi=2",                imageAlt: "Pad Krapow Moo - Stir-fried pork with basil"
+              },
+              {
+                id: "6",                name: "Red Curry",                price: "$18.95",                imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg?_wi=2",                imageAlt: "Red Curry with vegetables"
+              }
+            ]}
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            buttons={[
+              { text: "Reserve a Table", href: "https://www.opentable.com" }
+            ]}
+            buttonAnimation="slide-up"
+          />
+          
+          <div className="absolute top-20 md:top-32 left-1/2 -translate-x-1/2 w-full max-w-md backdrop-blur-md bg-white/30 dark:bg-black/30 rounded-2xl p-6 md:p-8 border border-white/20 dark:border-white/10 shadow-xl hover:shadow-2xl transition-shadow duration-300">
+            <div className="flex items-center justify-center gap-3 mb-4">
+              <Users className="w-5 h-5 md:w-6 md:h-6 text-primary-cta" />
+              <h3 className="text-lg md:text-xl font-semibold text-foreground">Trusted by Customers</h3>
+            </div>
+            <p className="text-2xl md:text-3xl font-bold text-primary-cta mb-2">Over 2,000+</p>
+            <p className="text-sm md:text-base text-foreground/80">Satisfied diners have experienced our authentic Thai cuisine</p>
+          </div>
+        </div>
+      </div>
+
       <div id="products" data-section="products">
         <ProductCardOne
           title="Our Complete Menu"
@@ -81,4 +131,4 @@ export default function MenuPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
