diff --git a/src/components/DrawerComponent.vue b/src/components/DrawerComponent.vue
index 73edee2c..2560e478 100644
--- a/src/components/DrawerComponent.vue
+++ b/src/components/DrawerComponent.vue
@@ -31,7 +31,7 @@ const labelMenu = ref<{ label: string; icon: string; route: string }[]>([
   {
     label: 'drawerProductsAndServices',
     icon: 'raphael:package',
-    route: '',
+    route: '/product-service',
   },
   { label: 'drawerQuotation', icon: 'raphael:package', route: '' },
   { label: 'drawerRequestList', icon: 'raphael:package', route: '' },
diff --git a/src/router/routes.ts b/src/router/routes.ts
index a5148823..cc25e9bb 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -26,6 +26,11 @@ const routes: RouteRecordRaw[] = [
         name: 'customerManagement',
         component: () => import('pages/03_customer-management/MainPage.vue'),
       },
+      {
+        path: '/product-service',
+        name: 'productAndService',
+        component: () => import('pages/04_product-service/MainPage.vue'),
+      },
     ],
   },