From 8b614dac9598f7c6c7c260e4f3f285e1d8f9412c Mon Sep 17 00:00:00 2001
From: Sanju Sivalingam <spikeysanju98@gmail.com>
Date: Wed, 18 Feb 2026 22:40:32 +0530
Subject: [PATCH] feat: redirect signup to verify-email page

---
 web/src/lib/api/auth.remote.ts           |  2 +-
 web/src/routes/verify-email/+page.svelte | 30 ++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 web/src/routes/verify-email/+page.svelte

diff --git a/web/src/lib/api/auth.remote.ts b/web/src/lib/api/auth.remote.ts
index de13453..8ef0320 100644
--- a/web/src/lib/api/auth.remote.ts
+++ b/web/src/lib/api/auth.remote.ts
@@ -5,7 +5,7 @@ import { signupSchema, loginSchema } from '$lib/schema/auth';
 
 export const signup = form(signupSchema, async (user) => {
 	await auth.api.signUpEmail({ body: user });
-	redirect(307, '/dashboard');
+	redirect(307, '/verify-email');
 });
 
 export const login = form(loginSchema, async (user) => {
diff --git a/web/src/routes/verify-email/+page.svelte b/web/src/routes/verify-email/+page.svelte
new file mode 100644
index 0000000..fa86721
--- /dev/null
+++ b/web/src/routes/verify-email/+page.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	import Icon from '@iconify/svelte';
+</script>
+
+<div class="flex min-h-screen items-center justify-center bg-neutral-50">
+	<div class="w-full max-w-sm text-center">
+		<div
+			class="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-neutral-900"
+		>
+			<Icon icon="ph:envelope-duotone" class="h-6 w-6 text-white" />
+		</div>
+		<h1 class="text-2xl font-bold">Check your email</h1>
+		<p class="mt-2 text-sm text-neutral-500">
+			We sent a verification link to your email address. Click the link to verify your account.
+		</p>
+		<p class="mt-4 text-sm text-neutral-400">
+			Didn't receive it? Check your spam folder or
+			<a href="/signup" class="font-medium text-neutral-700 hover:text-neutral-900">
+				try signing up again</a
+			>.
+		</p>
+		<a
+			href="/login"
+			class="mt-6 inline-flex items-center gap-2 text-sm font-medium text-neutral-700 hover:text-neutral-900"
+		>
+			<Icon icon="ph:arrow-left" class="h-4 w-4" />
+			Back to login
+		</a>
+	</div>
+</div>