header

src/Components/Header/index.jsx

@@ -0,0 +1,22 @@
+
+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

@@ -0,0 +1,37 @@
+
+
+.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;
+    }
+}