diff --git a/src/client/dd-hub-react/src/layouts/nav-config-dashboard.tsx b/src/client/dd-hub-react/src/layouts/nav-config-dashboard.tsx
index 56f1007..914f7f7 100644
--- a/src/client/dd-hub-react/src/layouts/nav-config-dashboard.tsx
+++ b/src/client/dd-hub-react/src/layouts/nav-config-dashboard.tsx
@@ -1,3 +1,4 @@
+import { Label } from 'src/components/label';
 import { SvgColor } from 'src/components/svg-color';
 
 // ----------------------------------------------------------------------
@@ -13,47 +14,43 @@ export type NavItem = {
 
 export const navData = [
   {
-    title: 'Product',
+    title: 'Products',
     path: '/products',
     icon: icon('ic-cart'),
-    //#region example component
-    // info: (
-    //   <Label color="error" variant="inverted">
-    //     +3
-    //   </Label>
-    // ),
-    //#endregion
+    info: (
+      <Label color="error" variant="inverted">
+        +3
+      </Label>
+    )
   },
   {
     title: 'Document Search',
     path: '/doc-search',
     icon: icon('ic-doc-search'),
-  }
-  //#region example pages
-  // {
-  //   title: 'Dashboard',
-  //   path: '/',
-  //   icon: icon('ic-analytics'),
-  // },
-  // {
-  //   title: 'User',
-  //   path: '/user',
-  //   icon: icon('ic-user'),
-  // },
-  // {
-  //   title: 'Blog',
-  //   path: '/blog',
-  //   icon: icon('ic-blog'),
-  // },
-  // {
-  //   title: 'Sign in',
-  //   path: '/sign-in',
-  //   icon: icon('ic-lock'),
-  // },
-  // {
-  //   title: 'Not found',
-  //   path: '/404',
-  //   icon: icon('ic-disabled'),
-  // },
-  //#endregion
+  },
+  {
+    title: 'Dashboard',
+    path: '/',
+    icon: icon('ic-analytics'),
+  },
+  {
+    title: 'User',
+    path: '/user',
+    icon: icon('ic-user'),
+  },
+  {
+    title: 'Blog',
+    path: '/blog',
+    icon: icon('ic-blog'),
+  },
+  {
+    title: 'Sign in',
+    path: '/sign-in',
+    icon: icon('ic-lock'),
+  },
+  {
+    title: 'Not found',
+    path: '/404',
+    icon: icon('ic-disabled'),
+  },
 ];