diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index c982248..ae02489 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -9,7 +9,12 @@ import { Package, Heart, Home, Settings, CreditCard, Bell, LifeBuoy } from 'luci
 export default function DashboardPage() {
   const navItems = [
     { name: 'Home', id: '/' },
-    { name: 'Dashboard', id: '/dashboard' }
+    { name: 'Dashboard', id: '/dashboard' },
+    { name: 'About Us', id: '/about-us' },
+    { name: 'Cart', id: '/cart' },
+    { name: 'Contact', id: '/contact' },
+    { name: 'Reviews', id: '/reviews' },
+    { name: 'Product Detail', id: '/product-detail' }
   ];
 
   return (
@@ -25,7 +30,9 @@ export default function DashboardPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleApple navItems={navItems} brandName="User Dashboard" />
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple navItems={navItems} brandName="User Dashboard" />
+      </div>
 
       <div className="container mx-auto py-12 px-4 sm:px-6 lg:px-8">
         <h1 className="text-4xl font-bold mb-8 text-center">User Dashboard</h1>