src/pages/Landing/Landing.jsx

@@ -2,110 +2,128 @@ import React from "react";
 import SVG from "react-inlinesvg";
 import { Link } from "react-router-dom";
 
-import authIcon from 'assets/icons/authIcon.svg'
+import arrow from "assets/icons/arrows/arrowLanding.svg";
-import clue from "assets/icons/landingClue.svg"
+import authIcon from "assets/icons/authIcon.svg";
-import cat from "assets/images/landingCat.png"
+import clue from "assets/icons/landingClue.svg";
-import arrow from "assets/icons/arrows/arrowLanding.svg"
+import telegram from "assets/icons/telegramIcon.svg";
-import vk from "assets/icons/vkIcon.svg"
+import vk from "assets/icons/vkIcon.svg";
-import telegram from "assets/icons/telegramIcon.svg"
+import codeBg from "assets/images/landingBackgroundCode.svg";
-import codeBg from "assets/images/landingBackgroundCode.svg"
+import cat from "assets/images/landingCat.png";
 
 import "./landing.scss";
 
 export const Landing = () => {
   const opportunities = [
     {
-      name: '<span>Аутстаффинг</span> сотрудников',
+      name: "<span>Аутстаффинг</span> сотрудников",
-      class: 'outstaffing__employees',
+      class: "outstaffing__employees",
       img: cat
     },
     {
-      name: 'Модуль для видеоконференций',
+      name: "Модуль для видеоконференций"
     },
     {
-      name: 'Система контроля версий GIT',
+      name: "Система контроля версий GIT"
     },
     {
-      name: 'Управление задачами',
+      name: "Управление задачами"
     },
     {
-      name: 'Система для отчётности',
+      name: "Система для отчётности"
     },
     {
-      name: 'Все наши предложения',
+      name: "Все наши предложения",
-      class: 'outstaffing__offers',
+      class: "outstaffing__offers",
       img: arrow
     }
-  ]
+  ];
   const socials = [
     {
       img: vk,
-      to: ''
+      to: ""
     },
     {
       img: telegram,
-      to: ''
+      to: ""
     }
-  ]
+  ];
   return (
     <section className="landing">
       <div className="landing__container">
         <div className="landing__head">
           <h2 className="head__logo">ITGUILD</h2>
-          <Link className="head__signIn" to='/auth'>войти в систему</Link>
+          <Link className="head__signIn" to="/auth">
-          <Link className="head__signUp" to='/auth'>
+            войти в систему
+          </Link>
+          <Link className="head__signUp" to="/auth">
             <SVG src={authIcon} />
             авторизация
           </Link>
         </div>
         <div className="landing__info">
           <p className="info__title">
-            <SVG className='code' src={codeBg} />
+            <SVG className="code" src={codeBg} />
             <span>Экосистема</span> для диджитализации бизнеса
           </p>
           <div className="landing__background">
             <h3>ITGuild</h3>
-            <SVG className='clue' src={clue} />
+            <SVG className="clue" src={clue} />
-            <SVG className='code' src={codeBg} />
+            <SVG className="code" src={codeBg} />
           </div>
           <div className="info__block">
             <p>
-              Подберем и документально оформим IT-специалистов, после чего передадим исполнителей под ваше руководство.
+              Подберем и документально оформим IT-специалистов, после чего
-              <br/><br/>
+              передадим исполнителей под ваше руководство.
-              <span>Вы получаете полное управление над сотрудниками,</span> имея возможность контролировать и заменять IT штат.
+              <br />
+              <br />
+              <span>Вы получаете полное управление над сотрудниками,</span> имея
+              возможность контролировать и заменять IT штат.
             </p>
           </div>
         </div>
         <div className="landing__opportunities">
           {opportunities.map((opportunity, index) => {
-            return <div className={opportunity.class ? opportunity.class : 'landing__opportunity'} key={index}>
+            return (
-              {opportunity.class ?
+              <div
-                <div>
+                className={
-                  <p dangerouslySetInnerHTML={{__html:opportunity.name}}/>
+                  opportunity.class ? opportunity.class : "landing__opportunity"
-                  {opportunity.img ? <img src={opportunity.img} alt='img' /> : ''}
+                }
-                </div> :
+                key={index}
-                <p>{opportunity.name}</p>
+              >
-              }
+                {opportunity.class ? (
-            </div>
+                  <div>
-          })
+                    <p dangerouslySetInnerHTML={{ __html: opportunity.name }} />
-          }
+                    {opportunity.img ? (
+                      <img src={opportunity.img} alt="img" />
+                    ) : (
+                      ""
+                    )}
+                  </div>
+                ) : (
+                  <p>{opportunity.name}</p>
+                )}
+              </div>
+            );
+          })}
         </div>
         <div className="landing__footer">
           <div className="footer__links">
             <div className="footer__socials">
               {socials.map((social, index) => {
-                return <Link to={social.to} key={index}><SVG src={social.img} /></Link>
+                return (
+                  <Link to={social.to} key={index}>
+                    <SVG src={social.img} />
+                  </Link>
+                );
               })}
             </div>
-            <Link className='footer__invite' to='/auth'>Присоединиться к команде</Link>
+            <Link className="footer__invite" to="/auth">
+              Присоединиться к команде
+            </Link>
           </div>
           <div className="footer__info">
-            <p>
+            <p>office@itguild.info</p>
-              office@itguild.info
+            <p>© 2024 - Outstaffing. Все права защищены</p>
-            </p>
-            <p>
-              © 2024 - Outstaffing. Все права защищены
-            </p>
           </div>
         </div>
       </div>

src/pages/Stack/Stack.jsx

@@ -1,50 +1,60 @@
 import React from "react";
-import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
 import SVG from "react-inlinesvg";
 
-import Ellipse from "assets/images/EllipseIntro.svg"
+import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
-import clue from "assets/images/clue.png"
+
-import cat from "assets/images/cat.png"
+import Ellipse from "assets/images/EllipseIntro.svg";
+import cat from "assets/images/cat.png";
+import clue from "assets/images/clue.png";
 
 import "./stack.scss";
 
 export const Stack = () => {
-
   return (
     <section className="stack">
       <AuthHeader />
       <section className="stack__intro">
         <div className="stack__container intro__container">
           <div className="intro__info">
-            <span className="intro__suptitle">Все еще пытаетесь<br/> пасти котов?*</span>
+            <span className="intro__suptitle">
-            <h1 className="intro__title">Аутстаф<br/>финг</h1>
+              Все еще пытаетесь
+              <br /> пасти котов?*
+            </span>
+            <h1 className="intro__title">
+              Аутстаф
+              <br />
+              финг
+            </h1>
             <span className="intro__subtitle">IT-специалистов</span>
-            <p className="intro__about">Подберем и документально оформим IT-специалистов, после чего
+            <p className="intro__about">
-              передадим исполнителей под ваше руководство. <span>Вы получаете полное
+              Подберем и документально оформим IT-специалистов, после чего
-              управление над сотрудниками,</span> имея возможность контролировать и
+              передадим исполнителей под ваше руководство.{" "}
-              заменять IT штат.</p>
+              <span>Вы получаете полное управление над сотрудниками,</span> имея
+              возможность контролировать и заменять IT штат.
+            </p>
             <div className="intro__links">
               <button className="stack__button">оставить заявку</button>
-              <span className="intro__link">Окунитесь в<br/> экосистему ITGUIL</span>
+              <span className="intro__link">
+                Окунитесь в<br /> экосистему ITGUIL
+              </span>
             </div>
           </div>
           <SVG className="intro__ellipse" src={Ellipse} />
           <div className="intro__aside">
             <h3 className="aside__logo">ITGu ild</h3>
             <div className="aside__clue">
-              <img src={clue} alt='clue' />
+              <img src={clue} alt="clue" />
               <p>
-                <span>Каждый день</span> база специалистов пополняется на <span>+15 резюме</span>
+                <span>Каждый день</span> база специалистов пополняется на{" "}
+                <span>+15 резюме</span>
               </p>
             </div>
-            <img className="aside__cat" src={cat} alt='cat' />
+            <img className="aside__cat" src={cat} alt="cat" />
           </div>
         </div>
       </section>
       <section className="stack__opportunity">
-        <div className="stack__container">
+        <div className="stack__container"></div>
-
-        </div>
       </section>
     </section>
   );

src/pages/roles/GuestPage.jsx

@@ -10,13 +10,13 @@ import { CompanyInfo } from "@pages/CompanyInfo/CompanyInfo";
 import { Forms } from "@pages/Forms/Forms";
 import { FrequentlyAskedQuestion } from "@pages/FrequentlyAskedQuestion/FrequentlyAskedQuestion";
 import { FrequentlyAskedQuestions } from "@pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions";
+import { Landing } from "@pages/Landing/Landing";
 import { ProfileCandidate } from "@pages/ProfileCandidate/ProfileCandidate";
 import { RegistrationForCandidate } from "@pages/RegistrationForCandidate/RegistrationForCandidate";
 import { RegistrationSetting } from "@pages/RegistrationSetting/RegistrationSetting";
 import { SingleReportPage } from "@pages/SingleReportPage/SingleReportPage";
-import { TrackerIntro } from "@pages/TrackerIntro/TrackerIntro";
 import { Stack } from "@pages/Stack/Stack";
-import { Landing } from "@pages/Landing/Landing";
+import { TrackerIntro } from "@pages/TrackerIntro/TrackerIntro";
 
 import { FreeDevelopers } from "@components/FreeDevelopers/FreeDevelopers";