diff --git a/src/client/dd-hub-react/package-lock.json b/src/client/dd-hub-react/package-lock.json
index 88c6fd9..93394d0 100644
--- a/src/client/dd-hub-react/package-lock.json
+++ b/src/client/dd-hub-react/package-lock.json
@@ -1,12 +1,12 @@
 {
-  "name": "@minimal/material-kit-react",
-  "version": "3.0.0",
+  "name": "dd-hub-react",
+  "version": "0.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "@minimal/material-kit-react",
-      "version": "3.0.0",
+      "name": "dd-hub-react",
+      "version": "0.0.0",
       "dependencies": {
         "@emotion/cache": "^11.14.0",
         "@emotion/react": "^11.14.0",
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 b823e58..2f40d15 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,4 +1,3 @@
-import { Label } from 'src/components/label';
 import { SvgColor } from 'src/components/svg-color';
 
 // ----------------------------------------------------------------------
@@ -25,6 +24,11 @@ export const navData = [
     // ),
     //#endregion
   },
+  {
+    title: 'Document Search',
+    path: '/doc-search',
+    icon: icon('ic-cart'),
+  }
   //#region example pages
   // {
   //   title: 'Dashboard',
diff --git a/src/client/dd-hub-react/src/pages/doc-search.tsx b/src/client/dd-hub-react/src/pages/doc-search.tsx
new file mode 100644
index 0000000..c0002dd
--- /dev/null
+++ b/src/client/dd-hub-react/src/pages/doc-search.tsx
@@ -0,0 +1,16 @@
+import { _posts } from 'src/_mock';
+import { CONFIG } from 'src/config-global';
+
+import { DocSearchView } from 'src/sections/document/view';
+
+// ----------------------------------------------------------------------
+
+export default function Page() {
+  return (
+    <>
+      <title>{`Document Search - ${CONFIG.appName}`}</title>
+
+      <DocSearchView posts={_posts} />
+    </>
+  );
+}
diff --git a/src/client/dd-hub-react/src/routes/sections.tsx b/src/client/dd-hub-react/src/routes/sections.tsx
index 9b6fb46..f4a0d2f 100644
--- a/src/client/dd-hub-react/src/routes/sections.tsx
+++ b/src/client/dd-hub-react/src/routes/sections.tsx
@@ -18,6 +18,7 @@ export const UserPage = lazy(() => import('src/pages/user'));
 export const SignInPage = lazy(() => import('src/pages/sign-in'));
 export const ProductsPage = lazy(() => import('src/pages/products'));
 export const Page404 = lazy(() => import('src/pages/page-not-found'));
+export const DocumentSearch = lazy(() => import('src/pages/doc-search'));
 
 const renderFallback = () => (
   <Box
@@ -50,8 +51,9 @@ export const routesSection: RouteObject[] = [
     ),
     children: [
       { index: true, element: <ProductsPage /> },
-      { path: 'user', element: <UserPage /> },
+      { path: 'doc-search', element: <DocumentSearch /> },
       { path: 'products', element: <ProductsPage /> },
+      { path: 'user', element: <UserPage /> },
       { path: 'blog', element: <BlogPage /> },
     ],
   },