1 files changed, 44 insertions, 0 deletions
diff --git a/app/password-recovery/page.tsx b/app/password-recovery/page.tsx
new file mode 100644
index 0000000..6a56d7a
--- /dev/null
+++ b/app/password-recovery/page.tsx
@@ -0,0 +1,44 @@
+'use client'
+import { link } from 'fs'
+import Link from 'next/link'
+import { AuthContext } from '../components/AuthContext'
+import { useContext, useEffect, useState } from 'react';
+
+// import NetflixLogo from '../../../public/images/netflix_logo.svg'
+
+export default function PasswordRecovery() {
+  const user = useContext(AuthContext);
+  const [email, setEmail] = useState('');
+
+  useEffect(() => {
+    // Check if user is authenticated
+    if (!user) {
+      // Redirect or perform any necessary action
+    } else {
+      // User is authenticated, continue with desired logic
+      setEmail(user.email)
+    }
+  }, [user]);
+
+  return (
+    <div className='text-white flex flex-col items-center justify-center h-screen'>
+      <h1 className='text-2xl font-bold mb-6'>Password Recovery</h1>
+      <form className='w-64'>
+        <div className='mb-4'>
+          <label htmlFor='email' className='block font-medium mb-1'>Email:</label>
+          <input type="email" id='email' value={email} className='w-full px-3 py-2 border rounded text-black' onChange={e => setEmail(e.target.value)}/>
+        </div>
+            <button className='w-full py-2 bg-red-600 text-white font-medium rounded'>
+              Recover
+            </button>
+      </form>
+
+       <div className="mt-4">
+         Do you have an account?{' '}
+               <Link href='../login' className="w-[128px] h-[128px] rounded-xl overflow-hidden bg-white">
+                 <p>Login</p>
+               </Link>
+       </div>
+    </div>
+  );
+}