import LogoIcon from '@/app/ui/logo-icon';
import styles from '@/app/styles/login.module.scss'
import Link from 'next/link';
import RegisterForm from '@/app/ui/register-form';

export default function Page() {
	return (
		<div className={`${styles['login-container-wrapper']}`}>
			<div className={`${styles['login-container']}`}>
				<div className={`${styles['logo']}`}>
					<LogoIcon />
					<h1>NO COPY</h1>
					<p>Создать аккаунт</p>
				</div>
				<div className={`${styles['subscription-info']}`}>
					<h4>🎉 Бесплатный старт</h4>
					<p>При регистрации вы получаете подписку "ДЕМО" с возможностью маркировки до 3 файлов в месяц и 10 МБ хранилища.</p>
				</div>
				<RegisterForm />
				<div className="divider">
					<span>или зарегистрироваться через</span>
				</div>
				<div className={`${styles['register-link']}`}>
					<p>Уже есть аккаунт? <Link href="login">Войти</Link></p>
				</div>
			</div>
		</div>
	)
}