diff --git a/frontends/nextjs/src/app/level1-client.tsx b/frontends/nextjs/src/app/level1-client.tsx
index ec558cbd6..bf4f476bd 100644
--- a/frontends/nextjs/src/app/level1-client.tsx
+++ b/frontends/nextjs/src/app/level1-client.tsx
@@ -2,22 +2,15 @@
 
 import { Level1 } from '@/components/Level1'
 import { useRouter } from 'next/navigation'
+import { getLevelPath } from '@/lib/navigation/get-level-path'
+import type { AppLevel } from '@/lib/level-types'
 
 export function Level1Client() {
   const router = useRouter()
   
   const handleNavigate = (level: number) => {
-    if (level === 1) {
-      router.push('/')
-    } else if (level === 2) {
-      router.push('/login')
-    } else if (level === 3) {
-      router.push('/login')
-    } else if (level === 4) {
-      router.push('/login')
-    } else if (level === 5) {
-      router.push('/login')
-    }
+    const normalizedLevel = Math.min(5, Math.max(1, level)) as AppLevel
+    router.push(getLevelPath(normalizedLevel))
   }
 
   return <Level1 onNavigate={handleNavigate} />