diff --git a/src/accounting-app/app.ts b/src/accounting-app/app.ts
index 6bcf423..bdf83e4 100644
--- a/src/accounting-app/app.ts
+++ b/src/accounting-app/app.ts
@@ -64,7 +64,9 @@ export async function createAppInstance() {
       {
         path: '/login',
         name: 'login',
-        component: () => import('@/pages/Login.vue'),
+        component: import.meta.env.VITE_DEMO_MODE === 'true'
+          ? () => import('@/pages/LoginDemo.vue')
+          : () => import('@/pages/Login.vue'),
         meta: { requiresAuth: false }
       },
       ...moduleRoutes,
diff --git a/src/activities-app/app.ts b/src/activities-app/app.ts
index 77da27d..918ed38 100644
--- a/src/activities-app/app.ts
+++ b/src/activities-app/app.ts
@@ -60,7 +60,9 @@ export async function createAppInstance() {
       {
         path: '/login',
         name: 'login',
-        component: () => import('@/pages/Login.vue'),
+        component: import.meta.env.VITE_DEMO_MODE === 'true'
+          ? () => import('@/pages/LoginDemo.vue')
+          : () => import('@/pages/Login.vue'),
         meta: { requiresAuth: false }
       },
       ...moduleRoutes,