From 80d7f405db1a730e5c66badd4293ad41dd87cfe2 Mon Sep 17 00:00:00 2001
From: Sevka <240303vilkov@gmail.com>
Date: Fri, 22 Dec 2023 19:04:06 +0300
Subject: [PATCH] header

---
 src/Components/Header/index.jsx         | 22 +++++++++++++++
 src/Components/Header/style.module.scss | 37 +++++++++++++++++++++++++
 2 files changed, 59 insertions(+)
 create mode 100644 src/Components/Header/index.jsx
 create mode 100644 src/Components/Header/style.module.scss

diff --git a/src/Components/Header/index.jsx b/src/Components/Header/index.jsx
new file mode 100644
index 0000000..6b52af8
--- /dev/null
+++ b/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;
\ No newline at end of file
diff --git a/src/Components/Header/style.module.scss b/src/Components/Header/style.module.scss
new file mode 100644
index 0000000..5b9fbd6
--- /dev/null
+++ b/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;
+    }
+}
\ No newline at end of file