diff --git a/src/pages/00_manual/MainPage.vue b/src/pages/00_manual/MainPage.vue
new file mode 100644
index 00000000..5c3efa95
--- /dev/null
+++ b/src/pages/00_manual/MainPage.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div></div>
+</template>
diff --git a/src/pages/00_manual/ViewPage.vue b/src/pages/00_manual/ViewPage.vue
new file mode 100644
index 00000000..5c3efa95
--- /dev/null
+++ b/src/pages/00_manual/ViewPage.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div></div>
+</template>
diff --git a/src/router/routes.ts b/src/router/routes.ts
index c4573313..314aa16e 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -145,6 +145,16 @@ const routes: RouteRecordRaw[] = [
         name: 'Notification',
         component: () => import('pages/00_notification/MainPage.vue'),
       },
+      {
+        path: '/manual/:category',
+        name: 'Manual',
+        component: () => import('pages/00_manual/MainPage.vue'),
+      },
+      {
+        path: '/manual/:category/:page',
+        name: 'ManualView',
+        component: () => import('pages/00_manual/ViewPage.vue'),
+      },
     ],
   },
 
@@ -223,7 +233,6 @@ const routes: RouteRecordRaw[] = [
     name: 'DebitNoteDocumentView',
     component: () => import('pages/12_debit-note/document-view/MainPage.vue'),
   },
-
   // Always leave this as last one,
   // but you can also remove it
   {