diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 3ca8ce9..9636643 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -5,13 +5,13 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Home", id: "home", href: "/" },
-    { name: "About", href: "/about" },
-    { name: "Menu", id: "menu", href: "/menu" },
-    { name: "Products", href: "/products" },
-    { name: "Book Table", id: "book-table", href: "/book-table" },
-    { name: "Gallery", id: "gallery", href: "/gallery" },
-    { name: "Contact", id: "contact", href: "/contact" }
+    { name: "Home", id: "/", href: "/" },
+    { name: "About", id: "/about", href: "/about" },
+    { name: "Menu", id: "/menu", href: "/menu" },
+    { name: "Products", id: "/products", href: "/products" },
+    { name: "Book Table", id: "/book-table", href: "/book-table" },
+    { name: "Gallery", id: "/gallery", href: "/gallery" },
+    { name: "Contact", id: "/contact", href: "/contact" }
   ];
 
   return (
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 29476b0..5778f82 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -5,13 +5,13 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
 export default function ProductsPage() {
   const navItems = [
-    { name: "Home", id: "home", href: "/" },
-    { name: "About", href: "/about" },
-    { name: "Menu", id: "menu", href: "/menu" },
-    { name: "Products", href: "/products" },
-    { name: "Book Table", id: "book-table", href: "/book-table" },
-    { name: "Gallery", id: "gallery", href: "/gallery" },
-    { name: "Contact", id: "contact", href: "/contact" }
+    { name: "Home", id: "/", href: "/" },
+    { name: "About", id: "/about", href: "/about" },
+    { name: "Menu", id: "/menu", href: "/menu" },
+    { name: "Products", id: "/products", href: "/products" },
+    { name: "Book Table", id: "/book-table", href: "/book-table" },
+    { name: "Gallery", id: "/gallery", href: "/gallery" },
+    { name: "Contact", id: "/contact", href: "/contact" }
   ];
 
   return (
@@ -47,6 +47,7 @@ export default function ProductsPage() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           useInvertedBackground={false}
+          textboxLayout="default"
         />
       </div>
     </ThemeProvider>