Add sigh up layout
This commit is contained in:
1 parent
d1308e066f
commit
c5c462f420
15 files changed
+465
No files matched your search
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
@@ -0,0 +1,31 @@
|
||||
import { Container, Title } from "@/shared/ui";
|
||||
import Img from "./assets/Container (1).png";
|
||||
import Image from "next/image";
|
||||
// import ContactForm from "@/widgets/forms/ContactForm";
|
||||
|
||||
export default function Contacts() {
|
||||
return (
|
||||
<section className="bg-[#FAFCFF]">
|
||||
<Container className="pt-[111px]">
|
||||
<Image src={Img} alt="map" />
|
||||
<section className="flex items-center justify-between mb-[152px]">
|
||||
<div className="max-w-[384px] max-h-[106px] flex flex-col items-center px-7">
|
||||
<Title text="Адрес" className="font-extrabold mb-2" />
|
||||
<p className="text-grey-text">
|
||||
г. Бишкек, ул. Турусбекова 109/1, офис 108
|
||||
</p>
|
||||
</div>
|
||||
<div className="max-w-[384px] max-h-[106px] flex flex-col items-center px-7">
|
||||
<Title text="Телефон" className="font-extrabold mb-2" />
|
||||
<p className="text-grey-text">(0312) 39 40 38</p>
|
||||
</div>
|
||||
<div className="max-w-[384px] max-h-[106px] flex flex-col items-center px-7">
|
||||
<Title text="Email" className="font-extrabold mb-2" />
|
||||
<p className="text-grey-text">kyrgyzstan@transparency.org</p>
|
||||
</div>
|
||||
</section>
|
||||
{/* <ContactForm /> */}
|
||||
</Container>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
<svg width="20.317383" height="21.000977" viewBox="0 0 20.3174 21.001" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<desc>
|
||||
Created with Pixso.
|
||||
</desc>
|
||||
<defs/>
|
||||
<path id="Icon" d="M12.2998 5.22266L18.2529 5.22266C18.7256 5.22266 18.9609 5.22266 19.0996 5.32129C19.2197 5.4082 19.2979 5.54102 19.3154 5.68848C19.335 5.85742 19.2207 6.06445 18.9912 6.47656L17.5703 9.03418C17.4873 9.18359 17.4453 9.25879 17.4297 9.33789C17.415 9.4082 17.415 9.48047 17.4297 9.55078C17.4453 9.62988 17.4873 9.70508 17.5703 9.85449L18.9912 12.4121C19.2207 12.8252 19.335 13.0312 19.3154 13.2002C19.2979 13.3477 19.2197 13.4805 19.0996 13.5674C18.9609 13.667 18.7256 13.667 18.2529 13.667L10.8213 13.667C10.2305 13.667 9.93457 13.667 9.70898 13.5518C9.51074 13.4502 9.34863 13.2891 9.24805 13.0898C9.13281 12.8643 9.13281 12.5693 9.13281 11.9775L9.13281 9.44434M10.6104 1C11.2021 1 11.4971 1 11.7227 1.11523C11.9219 1.21582 12.083 1.37793 12.1846 1.57617C12.2998 1.80176 12.2998 2.09766 12.2998 2.68848L12.2998 7.75586C12.2998 8.34668 12.2998 8.64258 12.1846 8.86816C12.083 9.06641 11.9219 9.22852 11.7227 9.3291C11.4971 9.44434 11.2021 9.44434 10.6104 9.44434L2.7998 9.44434L1.21289 3.09863C1.03418 2.38281 0.944336 2.02539 1.03125 1.74414C1.1084 1.49707 1.27246 1.28711 1.49316 1.15234C1.74512 1 2.11426 1 2.85156 1L10.6104 1ZM5.43848 20L1.21582 3.11133" stroke="#000000" stroke-opacity="1.000000" stroke-width="2.000000" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,39 @@
|
||||
import Image from "next/image";
|
||||
import flag from "./icons/flag.svg";
|
||||
import { Link } from "@/shared/config/navigation";
|
||||
import SignUpForm from "@/widgets/forms/SignUpForm";
|
||||
import { Container } from "@/shared/ui";
|
||||
|
||||
const SignUp = () => {
|
||||
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={flag} alt="Flag 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>
|
||||
|
||||
<SignUpForm />
|
||||
|
||||
<p className="text-[14px] font-semibold leading-5 text-gray-500">
|
||||
Уже есть аккаунт?{" "}
|
||||
<Link
|
||||
className="text-[14px] font-semibold leading-5 text-light-blue"
|
||||
href="/sign-in"
|
||||
>
|
||||
Войти в аккаунт
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
export default SignUp;
|
||||
Reference in new issue
Block a user