import { Logo } from '../../../../components/Logo/Logo';
import { typo } from '@utils/typo';
import { ButtonGroup } from './components/ButtonGroup/ButtonGroup';
import { Header } from './components/Header/Header';
import styles from './MainBlock.module.css';

export const MainBlock = () => {
    return (
        <>
            <div className={styles.block}>
                <div className={styles.logo}>
                    <Logo/>
                </div>
                <Header/>
                <p className={styles.text}>
                    {typo(`Мы объединили вайб кофейни Surf Coffee®
                    с возможностями нетворкинга в соцсети от hh.ru Сетке, чтобы создать 
                    больше крутых пересечений.`)}
                    <br/>
                    <br/>
                    {typo(`Теперь можно пересечься с нужными людьми из вашей индустрии, 
                    которые уже с вами на одной волне, ведь они тоже выбирают Surf\u00A0Coffee®.`)}
                </p>
                <ButtonGroup/>
            </div>
        </>
    )
}