import styles from './RulesPage.module.css';
import { Logo } from '../../components/Logo/Logo';
import { Rules } from './components/RulesLayout/Rules';

export const RulesPage = () => {

    return (
        <div className={styles.root}>
            <div className={styles.logo}>
                <Logo />
            </div>
            <h1 className={styles.title}>Акция «Где волны становятся связями»</h1>
            <div className={styles.rules}>
                <Rules/>
            </div>

            <a href='https://hh.ru/article/personal_data' target='_blank' className={styles.button}>
                политика персональных данных
            </a>

            <p className={styles.copyright}>
                (c) HeadHunter {new Date().getFullYear()}. Информация на данном сайте
                <br />
                не является публичной офертой.
            </p>
        </div>
    );
};
