complete login forgot signup page - init project

2024-08-04 19:47:09 +03:30
commit 7c22c9e132
31 changed files with 21027 additions and 0 deletions
@@ -0,0 +1,31 @@
+import { Link } from "react-router-dom"
+import { Input } from "../common/input"
+
+export const LoginForm = () => {
+    return (
+        <div
+            className="w-fit sm:min-w-[500px] xl:w-1/2 xl:p-0 p-10 flex flex-col bg-auth-form justify-center items-center gap-y-[42px] rounded-3xl">
+            <img src="/svgs/logo/logo.svg" alt="logo" className="auth-logo-size" />
+            <div className="flex flex-col xl:-mr-24">
+                <div className="flex flex-col gap-y-5">
+                    <span className="font-medium text-lg md:text-2xl xl:text-3xl text-primary-text-color">وارد حساب کاربری شوید</span>
+                    <div className="flex flex-row gap-x-0.5 items-center">
+                        <p className="text-secondary-text-color font-normal text-xs md:text-sm">حساب کاربری ندارید؟</p>
+                        <Link to="/auth/register">
+                            <p className="text-primary-color font-bold text-xs md:text-sm cursor-pointer">ثبت نام کنید</p>
+                        </Link>
+                    </div>
+                </div>
+                <div className="flex flex-col gap-y-[25px] mt-9 mb-[42px]">
+                    <Input type="number" placeholder="شماره تماس" />
+                    <Input type="password" placeholder="رمز عبور" />
+                    <p className="font-medium text-sm text-secondary-text-color cursor-pointer">فراموشی رمز عبور</p>
+                </div>
+                <div className="flex flex-col gap-y-[27px] items-center">
+                    <button>ثبت</button>
+                    <p className="font-medium text-base text-primary-color">ورود با رمز یکبار مصرف</p>
+                </div>
+            </div>
+        </div>
+    )
+}