form

src/pages/auth/ForgotPasswordPage.jsx

@@ -0,0 +1,26 @@
+import React from 'react'
+import PromoPanel from '../../components/auth/PromoPanel'
+import ForgotPassworForm from '../../components/auth/ForgotPassworForm'
+
+const ForgotPasswordPage = () => {
+  return (
+    <>
+      <div className="h-full  max-h-dvh w-full max-w-[1100px] mx-auto">
+      
+      <div class="my-6 grid grid-cols-1 md:grid-cols-[60%_40%] gap-2 ">
+        <div class="">
+          {/* Left: Promo */}
+                <PromoPanel />
+        </div>
+      
+        <div class="">
+        {/* Right: Login */}
+                <ForgotPassworForm />
+        </div>
+      </div>
+      </div>  
+    </>
+  )
+}
+
+export default ForgotPasswordPage

src/pages/auth/LoginPage.jsx

@@ -0,0 +1,25 @@
+import LoginPanel from "../../components/auth/LoginPanel"
+import PromoPanel from "../../components/auth/PromoPanel"
+
+const LoginPage = () => {
+  return (
+    <>
+<div className="h-full  max-h-dvh w-full max-w-[1100px] mx-auto">
+
+<div class="my-6 grid grid-cols-1 md:grid-cols-[60%_40%] gap-2 ">
+  <div class="">
+    {/* Left: Promo */}
+          <PromoPanel />
+  </div>
+
+  <div class="">
+  {/* Right: Login */}
+          <LoginPanel />
+  </div>
+</div>
+</div>  
+    </>
+  )
+}
+
+export default LoginPage