Fixed imports in pages

src/components/Common/AuthHeader/AuthHeader.jsx

@@ -0,0 +1,55 @@
+import React from "react";
+import { NavLink } from "react-router-dom";
+
+import { scrollToForm } from "@utils/helper";
+
+import userIcon from "assets/icons/userIcon.svg";
+
+import "./authHeader.scss";
+
+export const AuthHeader = ({}) => {
+  return (
+    <div className="auth-header">
+      <div className="auth-header__logo">
+        <h3>
+          itguild.<span>аутстафинг ИТ специалистов</span>
+        </h3>
+      </div>
+      <div className="auth-header__navigation">
+        <div className="container">
+          <div className="auth-nav">
+            <ul>
+              <li>
+                <NavLink to={"/auth"}>
+                  <span>Главная</span>
+                </NavLink>
+              </li>
+              <li>
+                <a href="#">Кабинет разработчика</a>
+              </li>
+              <li>
+                <a href="#">Школа</a>
+              </li>
+              <li>
+                <NavLink to={"/auth-candidate"} className="candidate">
+                  <span>Войти в команду</span>
+                </NavLink>
+              </li>
+            </ul>
+
+            <a
+              onClick={(e) => {
+                e.preventDefault();
+                scrollToForm();
+              }}
+            >
+              <img src={userIcon}></img>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AuthHeader;

src/components/Common/AuthHeader/authHeader.scss

@@ -0,0 +1,78 @@
+.auth-header {
+  background-color: #f1f1f1;
+
+  &__logo {
+    padding: 0 0 0 160px;
+    height: 55px;
+    display: flex;
+    align-items: center;
+
+    h3 {
+      font-size: 20px;
+      line-height: 32px;
+      color: #000000;
+    }
+    span {
+      color: #52b709;
+    }
+  }
+
+  &__navigation {
+    display: flex;
+    align-items: center;
+    height: 66px;
+    width: 100%;
+    background: #ffffff;
+
+    .auth-nav {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+
+      ul {
+        display: flex;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+
+        li {
+          margin-right: 25px;
+
+          font-size: 18px;
+          line-height: 32px;
+
+          a {
+            color: #897676;
+          }
+          a:hover {
+            text-decoration: none;
+          }
+
+          a:focus {
+            color: #000000;
+          }
+
+          .candidate {
+            color: #1458dd;
+          }
+        }
+      }
+
+      img {
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+@media (max-width: 768px) {
+  .auth-header {
+    display: none;
+  }
+}
+
+@media (max-width: 1375px) {
+  .auth-header {
+    display: none;
+  }
+}