Merge branch 'main' into sevka

src/Components/Header/index.jsx

@@ -1,22 +0,0 @@
-
-import styles from './style.module.scss';
-import logo from '../../img/headerImg/OgettoLogo.png';
-import { useNavigate } from "react-router-dom";
-
-const Header = () => {
-    const navigate = useNavigate();
-    const handleHome = () => {
-        navigate('/');
-    }
-
-    return (
-        <div className={styles.header__container}>
-            <header className={styles.header}>
-                <div className={styles.header__logo} onClick={handleHome} ><img onClick={handleHome} src={logo} alt="logo"></img></div>
-                <button className={styles.header__button}>Вход</button>
-            </header>
-        </div>
-    )
-
-}
-export default Header;

src/Components/Header/style.module.scss

@@ -1,37 +0,0 @@
-
-
-.header {
-    height: 75px;
-    width: 80%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    &__container {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 100%;
-        height: 150px;
-        position: absolute;
-        top: 0px;
-        left: 0px;
-    }
-    &__logo {
-        cursor: pointer;
-    }
-    &__button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 100px;
-        background: #FFED00;
-        width: 200px;
-        height: 42px;
-        color: #000;
-        font-family: Montserrat;
-        font-size: 25px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: normal;
-    }
-}

src/Components/HomePage/index.jsx

@@ -0,0 +1,32 @@
+import Header from "../Header";
+import styles from "./style.module.scss";
+import arrow from '../../img/homePage/downArrow.png';
+
+
+const HomePage = () => {
+    return (
+    <>
+        <Header></Header>
+
+
+        <section className={styles.meeting__container}>
+            <div className={styles.meeting__cards}>
+                <div className={styles.meeting__card}>
+                    <div className={styles.data__container}>
+                        <div className={styles.data__time}>01.01.1990</div>
+                        <div className={styles.data}>00:00</div>
+                    </div>
+                    <div className={styles.meeting__name}>
+                        Название мероприятия
+                    </div>
+                    <div className={styles.meeting__downArrow}><img src={arrow} alt="arrow"></img></div>
+                    <div className={styles.blackLine}></div>
+                </div>
+            </div>
+        </section>
+    </>
+    
+
+    )
+}
+export default HomePage;