diff --git a/app/login/page.tsx b/app/login/page.tsx
new file mode 100644
index 0000000..856234e
--- /dev/null
+++ b/app/login/page.tsx
@@ -0,0 +1,18 @@
+'use client'
+
+import { useEffect } from 'react'
+import { initiateOAuthFlow } from '@/lib/api/oauth'
+import LoadingOverlay from '@/components/LoadingOverlay'
+
+export default function LoginPage() {
+  useEffect(() => {
+    // * Immediately initiate OAuth flow when page loads
+    initiateOAuthFlow()
+  }, [])
+
+  return (
+    <LoadingOverlay 
+      title="Redirecting to sign in..."
+    />
+  )
+}
diff --git a/app/signup/page.tsx b/app/signup/page.tsx
new file mode 100644
index 0000000..b68b694
--- /dev/null
+++ b/app/signup/page.tsx
@@ -0,0 +1,19 @@
+'use client'
+
+import { useEffect } from 'react'
+import { initiateOAuthFlow } from '@/lib/api/oauth'
+import LoadingOverlay from '@/components/LoadingOverlay'
+
+export default function SignupPage() {
+  useEffect(() => {
+    // * Immediately initiate OAuth flow when page loads
+    // * The auth service will handle showing signup vs login
+    initiateOAuthFlow()
+  }, [])
+
+  return (
+    <LoadingOverlay 
+      title="Redirecting to sign up..."
+    />
+  )
+}