adaptive autstaffing

src/pages/Landing/Landing.jsx

@@ -3,6 +3,7 @@ import SVG from "react-inlinesvg";
 import { Link, NavLink } from "react-router-dom";
 
 import { Footer } from "@components/Common/Footer/Footer";
+import ModalRegistration from "@components/Modal/ModalRegistration/ModalRegistration";
 
 import arrow from "assets/icons/arrows/arrowLanding.svg";
 import authIcon from "assets/icons/authIcon.svg";
@@ -16,6 +17,7 @@ import "./landing.scss";
 
 export const Landing = () => {
   const [active, setActive] = useState(false);
+  const [modalReg, setModalReg] = useState(false);
 
   const toggleBar = () => {
     if (active) {
@@ -63,16 +65,24 @@ export const Landing = () => {
 
   return (
     <section className="landing">
+      <ModalRegistration active={modalReg} setActive={setModalReg} />
       <div className="landing__container">
         <div className="landing__head">
           <h2 className="head__logo">ITGUILD</h2>
           <Link className="head__signIn" to="/auth">
             войти в систему
           </Link>
-          <Link className="head__signUp" to="/auth">
+
+          <div
+            className="head__signUp"
+            onClick={(e) => {
+              e.preventDefault();
+              setModalReg(true);
+            }}
+          >
             <SVG src={authIcon} />
             регистрация
-          </Link>
+          </div>
           <div className="burger-menu" onClick={() => toggleBar()}>
             <div className="burger">
               <div