diff --git a/web/app/page.tsx b/web/app/page.tsx
new file mode 100644
index 0000000..27673c4
--- /dev/null
+++ b/web/app/page.tsx
@@ -0,0 +1,29 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+
+export default function Home() {
+  const router = useRouter();
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const token = localStorage.getItem('accessToken');
+    if (token) {
+      router.push('/dashboard');
+    } else {
+      router.push('/login');
+    }
+    setLoading(false);
+  }, [router]);
+
+  if (loading) {
+    return (
+      <div className="container" style={{ textAlign: 'center', marginTop: '4rem' }}>
+        <p>Loading...</p>
+      </div>
+    );
+  }
+
+  return null;
+}