create otp page - link auth page

2024-08-05 13:06:00 +03:30
parent 0e5089aad5
commit 277b13e5d8
13 changed files with 704 additions and 8 deletions
@@ -0,0 +1,28 @@
+import { Link } from "react-router-dom"
+import { Input } from "../common/input"
+
+export const LoginWithCodeForm = () => {
+    return (
+        <div
+            className="w-fit 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>
+                    </div>
+                </div>
+                <div className="mt-9 mb-[42px]">
+                    <Input type="number" placeholder="شماره موبایل" />
+                </div>
+                <div className="flex flex-col gap-y-[27px] items-center">
+                    <button>دریافت کد تایید</button>
+                    <Link to="/auth/login">
+                        <p className="font-medium text-base text-primary-color">بازگشت</p>
+                    </Link>
+                </div>
+            </div>
+        </div>
+    )
+}