diff --git a/web/src/App.tsx b/web/src/App.tsx
index 4f545c6..1bfaa25 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -9,13 +9,14 @@ import AuthenticatePage from "./pages/Authenticate";
 import AuthLayout from "./layout/AuthLayout";
 import DashboardLayout from "./layout/DashboardLayout";
 import PersonalInfoPage from "./pages/PersonalInfo";
-import ApiServicesPage from "./pages/ApiServices";
+import ApiServicesPage from "./pages/Admin/ApiServices";
 import AdminLayout from "./layout/AdminLayout";
-import ApiServiceCreatePage from "./pages/ApiServices/Create";
-import ViewApiServicePage from "./pages/ApiServices/View";
+import ApiServiceCreatePage from "./pages/Admin/ApiServices/Create";
+import ViewApiServicePage from "./pages/Admin/ApiServices/View";
 import NotAllowedPage from "./pages/NotAllowed";
 import NotFoundPage from "./pages/NotFound";
-import ApiServiceEditPage from "./pages/ApiServices/Update";
+import ApiServiceEditPage from "./pages/Admin/ApiServices/Update";
+import AdminUsersPage from "./pages/Admin/Users";
 
 const router = createBrowserRouter([
   {
@@ -53,6 +54,21 @@ const router = createBrowserRouter([
                   },
                 ],
               },
+              {
+                path: "users",
+                children: [
+                  { index: true, element: <AdminUsersPage /> },
+                  // { path: "create", element: <ApiServiceCreatePage /> },
+                  // {
+                  //   path: "view/:serviceId",
+                  //   element: <ViewApiServicePage />,
+                  // },
+                  // {
+                  //   path: "edit/:serviceId",
+                  //   element: <ApiServiceEditPage />,
+                  // },
+                ],
+              },
             ],
           },
         ],