import { Button } from "./Button/Button";
import styles from "./Header.module.css";

export const Header = () => {
	return (
		<div className={styles.container}>
			<h1 className={styles.h1}>
				попади в закрытое комьюнити для сёрфинга по&nbsp;локациям
			</h1>
			<p className={styles.text}>
				Смотри по хештегу, кто уже сёрфит в удобной для тебя локации.
				<br />
				<br />А также публикуй{" "}
				<a href='https://set.ki/chan_inv/CrvvTgv' target='_blank'>
					в закрытом сообществе
				</a>{" "}
				Сетка&nbsp;х&nbsp;Surf&nbsp;Coffee® в&nbsp;Сетке свои посты с&nbsp;фото
				и&nbsp;хештегами локаций, чтобы тебя заметили нужные люди. Каждую неделю
				мы&nbsp;выбираем 3 поста, авторы которых получают набор классного мерча
				Сетки и&nbsp;коробку дрип-пакетов от Surf Coffee®.
				<br />
				<br />
				Конкурс действует до&nbsp;его отмены.
			</p>
			<a
				className={styles.link}
				href='https://setka.onelink.me/tQlI/k82d3mhf'
				target='_blank'
			>
				<img src='/surfing/app_logo.svg' className={styles.logo_app} />
			</a>
			<div className={styles.button}>
				<Button text='условия конкурса' />
			</div>
		</div>
	);
};
