add ModalAuth

src/pages/Landing/Landing.jsx

@@ -5,6 +5,7 @@ import { Link, NavLink } from "react-router-dom";
 import { BurgerButton } from "@components/BurgerMenu/burgerButton";
 import { BurgerMenu } from "@components/BurgerMenu/burgerMenu";
 import { Footer } from "@components/Common/Footer/Footer";
+import ModalAuth from "@components/Modal/ModalAuth/ModalAuth";
 import ModalRegistration from "@components/Modal/ModalRegistration/ModalRegistration";
 
 import arrow from "assets/icons/arrows/arrowLanding.svg";
@@ -22,6 +23,7 @@ import "./landing.scss";
 
 export const Landing = () => {
   const [modalReg, setModalReg] = useState(false);
+  const [modalAuth, setModalAuth] = useState(false);
   const [menuActive, setMenuActive] = useState(false);
 
   const opportunities = [
@@ -61,14 +63,20 @@ export const Landing = () => {
   return (
     <section className="landing">
       <ModalRegistration active={modalReg} setActive={setModalReg} />
+      <ModalAuth active={modalAuth} setActive={setModalAuth} />
       <BurgerMenu active={menuActive} />
       <div className="landing__container">
         <div className="landing__head">
           <h2 className="head__logo">ITGUILD</h2>
-          <Link className="head__signIn" to="/auth">
+          <div
+            className="head__signIn"
+            onClick={(e) => {
+              e.preventDefault();
+              setModalAuth(true);
+            }}
+          >
             войти в систему
-          </Link>
-
+          </div>
           <div
             className="head__signUp"
             onClick={(e) => {

src/pages/Landing/landing.scss

@@ -59,6 +59,7 @@
         font-weight: 400;
         border-radius: 32px;
         z-index: 1;
+        cursor: pointer;
 
         @media (max-width: 431px) {
           display: none;