39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
import Image from "next/image";
|
||
import sign_in_icon from "./icons/sign-in_icon.svg";
|
||
import { Link } from "@/shared/config/navigation";
|
||
import { Container } from "@/shared/ui";
|
||
import SignInForm from "@/widgets/forms/SignInForm";
|
||
|
||
const SignIn = () => {
|
||
return (
|
||
<Container>
|
||
<div className="h-full min-h-[800px] w-full flex justify-center">
|
||
<div className="flex flex-col items-center gap-6">
|
||
<div className="w-[48px] h-[48px] flex items-center justify-center rounded-sm border">
|
||
<Image src={sign_in_icon} alt="Sign In Icon" />
|
||
</div>
|
||
<div className="mb-2 flex flex-col items-center gap-2 text-center">
|
||
<h2 className="text-[24px] font-bold leading-8 text-gray-900">
|
||
Войдите в аккаунт
|
||
</h2>
|
||
<p className="text-gray-500">Пожалуйста, введите свои данные</p>
|
||
</div>
|
||
|
||
<SignInForm />
|
||
<p className="text-[14px] font-semibold leading-5 text-gray-500">
|
||
Еще нет аккаунта?{" "}
|
||
<Link
|
||
className="text-[14px] font-semibold leading-5 text-light-blue"
|
||
href="/sign-up"
|
||
>
|
||
Зарегистрируйтесь
|
||
</Link>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</Container>
|
||
);
|
||
};
|
||
|
||
export default SignIn;
|