Merge pull request #62 from shuvadeepmondal/shuvadeep

Closes #61

apps/frontend/src/App.tsx

@@ -12,6 +12,7 @@ import { ThemeProvider } from "./context/ThemeCOntext";
 import Footer from "./components/ui/Footer";
 import Contact from "./components/ui/Contact";
 import { useAuthContext } from "./hooks/useAuthContext";
+import VerifiedPage from "./components/auth/VerifiedPage";
 
 function App() {
 
@@ -31,6 +32,7 @@ function App() {
             <Route path="/forgot-password" element={<ForgotPassword />} />
             <Route path="/otp/:userId" element={<OTP />} />
             <Route path="/contact" element={state.user ? <Contact /> : <Navigate to="/login" />} />
+            <Route path="/verified-mail" element={<VerifiedPage/>} />
           </Routes>
         </ThemeProvider>
         <Footer />

apps/frontend/src/components/auth/VerifiedPage.tsx

@@ -0,0 +1,19 @@
+import { Link } from "react-router-dom"
+import verified from "../../assets/verified-animate.svg"
+export default function VerifiedPage() {
+  return (
+    <div className="w-full h-screen flex flex-col bg-[url('https://pagedone.io/asset/uploads/1691055810.png')] dark:bg-slate-900 bg-center bg-cover">
+        <div className="grid grid-cols-1 md:grid-cols-2 m-auto h-[680px] sm:max-w-[800px]">
+
+        <div className="p-4 justify-center">
+          <p className="mt-[200px] font-bold text-3xl">You have verified <span className="text-blue-400">[email protected]</span></p>
+          <button
+              className="mt-5 justify-center text-center w-[150px] border rounded-3xl active:scale-[.98] active:duration-75 hover:scale-[1.01] ease-in-out transition-all p-2 bg-gradient-to-r from-blue-700 to-blue-500 text-white text-lg font-semibold"><Link to="/login">Go to Login →</Link>
+         </button>
+        </div>
+          <img className="w-full h-[100%] ml-14" src={verified} alt="Verified" />
+        </div>
+
+    </div>
+  )
+}