99 lines
3.2 KiB
JavaScript
99 lines
3.2 KiB
JavaScript
import React from "react";
|
||
import Head from 'next/head';
|
||
import Image from 'next/image';
|
||
|
||
import Header from './components/Header';
|
||
import Footer from './components/Footer';
|
||
|
||
export default function RecoveryPassPage() {
|
||
return (
|
||
<React.Fragment>
|
||
<Head>
|
||
<title>ЛК Эволюция автолизинга</title>
|
||
<meta
|
||
name="description"
|
||
content="ЛК Эволюция автолизинга"
|
||
/>
|
||
</Head>
|
||
<Header />
|
||
<main>
|
||
<section>
|
||
<div className="clear"></div>
|
||
<div className="container">
|
||
<h1 className="section_title">Восстановление пароля</h1>
|
||
|
||
<div className="login recovery">
|
||
{/*}
|
||
<div className="login_with">
|
||
<p>Восстановить с помощью</p>
|
||
<div className="tabs">
|
||
<div className="tab active">Номера телефона</div>
|
||
<div className="tab">Электронной почты</div>
|
||
</div>
|
||
</div>
|
||
|
||
<form>
|
||
<div className="form_field">
|
||
<input type="text" name="login" value="" placeholder="Введите номер телефона" />
|
||
</div>
|
||
|
||
<button type="submit" className="button button-blue" disabled>Получить код</button>
|
||
</form>
|
||
*/}
|
||
{/* Step 2 */}
|
||
<p className="message">На указанный номер отправлен код.</p>
|
||
<form>
|
||
<div className="form_field">
|
||
<input type="text" name="pass" value="" placeholder="Введите код из СМС" />
|
||
</div>
|
||
|
||
<button type="submit" className="button button-blue" disabled>Отправить код</button>
|
||
</form>
|
||
|
||
<div className="resend">
|
||
<p>Запросить код повторно можно через: 60 секунд</p>
|
||
<button className="button button-blue transparent" disabled>Запросить код повторно</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<section id="order">
|
||
<div className="container wide">
|
||
<h2 className="section_title">Купить в лизинг?</h2>
|
||
|
||
<div className="order_form">
|
||
<div className="order_email">
|
||
<p>Напишите на <a href="mailto:">buy@domain.ru</a> или заполните форму</p>
|
||
</div>
|
||
|
||
<form>
|
||
<div className="form_field">
|
||
<input type="text" value="" placeholder="Имя" />
|
||
</div>
|
||
<div className="form_field">
|
||
<input type="tel" value="" placeholder="Телефон" />
|
||
</div>
|
||
<div className="form_field">
|
||
<input type="email" value="" placeholder="E-mail" />
|
||
</div>
|
||
<div className="form_field">
|
||
<input type="text" value="" placeholder="Организация" />
|
||
</div>
|
||
<div className="policy">
|
||
<input type="checkbox" name="policy" id="policy" hidden checked />
|
||
<label for="policy">Даю свое согласие на обработку моих персональных данных</label>
|
||
</div>
|
||
<button className="button">Отправить</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<Footer />
|
||
</React.Fragment>
|
||
)
|
||
}
|