80 lines
2.8 KiB
React
Raw Normal View History

2023-03-28 20:42:18 +03:00
import React from "react";
2023-05-30 10:10:34 +03:00
import BaseButton from "@components/Common/BaseButton/BaseButton";
2023-05-31 08:36:15 +03:00
import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
2023-05-29 09:37:18 +03:00
2023-05-30 10:10:34 +03:00
import anyMoment from "assets/icons/anyMoment.svg";
2023-05-31 08:36:15 +03:00
import doc from "assets/icons/doc.svg";
import telegramLogo from "assets/icons/tgLogo.svg";
2023-03-28 20:42:18 +03:00
import "./modalRegistration.scss";
export const ModalRegistration = ({ active, setActive }) => {
return (
2023-05-29 09:37:18 +03:00
<ModalLayout active={active} setActive={setActive} styles={"registration"}>
<div className="registration-body__left">
<h2>
Подключайтесь к <p>itguild.</p>
</h2>
<p className="registration-body__left-desc">
Зарегистрируйтесь и назначайте собеседования любым специалистам без
задержек
</p>
2023-03-28 20:42:18 +03:00
2023-05-29 09:37:18 +03:00
<div className="input-body">
<div className="input-body__box">
<h5>Ваше имя</h5>
<input></input>
<h5>E-mail</h5>
<input></input>
2023-03-28 20:42:18 +03:00
</div>
2023-05-29 09:37:18 +03:00
<div className="input-body__box">
<h5>Название компании</h5>
<input></input>
<h5>Пароль</h5>
<input></input>
2023-03-28 20:42:18 +03:00
</div>
</div>
2023-05-29 09:37:18 +03:00
<div className="button-box">
<BaseButton
2023-05-29 09:37:18 +03:00
onClick={(e) => e.preventDefault()}
styles={"button-box__submit"}
>
Отправить
</BaseButton>
2023-05-29 09:37:18 +03:00
<h5>
У вас уже есть аккаунт? <p>Войти</p>
</h5>
</div>
</div>
<div className="registration-body__right">
<h4>Отказ от специалиста в любой момент</h4>
<div className="registration-body__right-text">
<img src={anyMoment}></img>
<p>
Поменяйте, откажитесь или возьмите еще специалиста в любой момент
работы.
</p>
</div>
<h4>100% постоплата</h4>
<div className="registration-body__right-text">
<img src={doc}></img>
<p>
Договор не подразумевает какуюлибо оплату до того, как вы
арендовали специалиста
</p>
</div>
<h4>Есть вопросы?</h4>
<div className="registration-body__right-text">
<img src={telegramLogo}></img>
<p>Напишите нам в Телеграм. Мы с удовольствием ответим!</p>
2023-03-28 20:42:18 +03:00
</div>
</div>
2023-05-29 09:37:18 +03:00
<span onClick={() => setActive(false)} className="exit"></span>
</ModalLayout>
2023-03-28 20:42:18 +03:00
);
};
export default ModalRegistration;