From efdd6799d9dadaf69ac9f784a74d438fe847df88 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 10 Apr 2026 15:40:45 +0530
Subject: [PATCH] feat: built verification screen

---
 frontend/src/pages/VerifyEmail.tsx | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/VerifyEmail.tsx b/frontend/src/pages/VerifyEmail.tsx
index ee9fd16..8eb2023 100644
--- a/frontend/src/pages/VerifyEmail.tsx
+++ b/frontend/src/pages/VerifyEmail.tsx
@@ -1,7 +1,33 @@
+import { EnvelopeSimpleOpenIcon } from "@phosphor-icons/react";
+import Logo from "../components/Logo";
+
 export default function VerifyEmail() {
   return (
-    <div>
-      <h1>Verify Email</h1>
+    <div className="glass-card w-full max-w-sm p-8 text-center flex flex-col items-center gap-6 fade-zoom">
+      <div className="auth-icon-container">
+        <EnvelopeSimpleOpenIcon size={32} weight="duotone" className="text-primary" />
+      </div>
+
+      <div className="space-y-2">
+        <h2 className="font-display text-xl text-primary">Check Your Email</h2>
+        <p className="text-sm opacity-80 leading-relaxed font-sans">
+          We've sent an activation link to your inbox. <br />
+          Please click it to verify your <Logo /> account.
+        </p>
+      </div>
+
+      <div className="divider opacity-10"></div>
+
+      <div className="bg-base-200/50 p-4 rounded-lg text-xs leading-relaxed text-left opacity-70">
+        <p>
+          Didn't receive it? Check your spam folder or wait for a few minutes.
+          The link will expire in 24 hours.
+        </p>
+      </div>
+
+      <p className="text-xs italic opacity-40 cursor-pointer underline" onClick={() => window.close()}>
+        You can close this window now.
+      </p>
     </div>
   );
 }