init

src/pages/HomePage/components/MainBlock/MainBlock.jsx

@@ -0,0 +1,29 @@
+
+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>
+        </>
+    )
+}