adaptive autstaffing

src/pages/Stack/Stack.jsx

@@ -9,7 +9,8 @@ import arrowReviewsRight from "assets/icons/arrows/arrowReviewsRight.png";
 import fileUploadIcon from "assets/icons/fileUploadIcon.svg";
 import Ellipse from "assets/images/EllipseIntro.svg";
 import backgroundOpp from "assets/images/backgroundOpportunity.png";
-import cat from "assets/images/cat.png";
+import bagITguild from "assets/images/bagITguild.svg";
+import cat from "assets/images/cat.svg";
 import clue from "assets/images/clue.png";
 import code from "assets/images/landingBackgroundCode.png";
 import codeWhite from "assets/images/landingBackgroundCodeWhite.png";
@@ -72,7 +73,7 @@ export const Stack = () => {
       description:
         "<span>Внедрение искусственного интеллекта</span> (ИИ) в IT-проекты. Интеграции любых популярных сервисов.",
       img: hand,
-      name: hand
+      name: "hand"
     },
     {
       description:
@@ -225,10 +226,12 @@ export const Stack = () => {
             </h1>
             <span className="intro__subtitle">IT-специалистов</span>
             <p className="intro__about">
-              Подберем и документально оформим IT-специалистов, после чего
-              передадим исполнителей под ваше руководство.{" "}
-              <span>Вы получаете полное управление над сотрудниками,</span> имея
-              возможность контролировать и заменять IT штат.
+              <span>Все для решения конкретных задач</span> в области
+              информационных технологий, обеспечивая оперативное усиление
+              команды и гибкое управление персоналом. <br />
+              <br />
+              Мы выделяем на проект как отдельных специалистов, так и целые
+              команды, в зависимости от потребностей и объема работы.
             </p>
             <div className="intro__links">
               <button className="stack__button">оставить заявку</button>
@@ -271,8 +274,11 @@ export const Stack = () => {
                 <img src={clue} alt="clue" />
                 <p>
                   Можем подготовить специалиста конкретно под ваш проект и
-                  используемый стек. Таким образом вы сможете сэкономить ресурсы
-                  на поиск кандидата.
+                  используемый стек. <br />
+                  <span>
+                    Таким образом вы сможете сэкономить ресурсы на поиск
+                    кандидата.
+                  </span>
                 </p>
               </div>
             </div>
@@ -291,12 +297,17 @@ export const Stack = () => {
               );
             })}
           </div>
+          <div className="opportunity__title-mobile">
+            <h3>Stack</h3>
+          </div>
         </div>
       </section>
       <section className="stack__projects projects">
         <div className="stack__container projects__container">
           <img className="projects__code" src={code} alt="code" />
-          <h3 className="projects__title">ITGUILD</h3>
+          <div className="projects__title">
+            <h3>ITGUILD</h3>
+          </div>
           <div className="projects__block">
             <h4>Наши проекты</h4>
             <div className="projects__examples">
@@ -321,8 +332,8 @@ export const Stack = () => {
               <p>
                 <span>Мы обеспечиваем</span> финансовые, юридические и кадровые
                 гарантии, предоставляем SLA и берем на себя ответственность за
-                работу команды. Вам не требуется заниматься поиском, оформлением
-                или увольнением сотрудников —{" "}
+                работу команды. <br /> <br /> Вам не требуется заниматься
+                поиском, оформлением или увольнением сотрудников —{" "}
                 <span>мы берем на себя все хлопоты.</span>
               </p>
               <button>оставить заявку</button>
@@ -370,6 +381,9 @@ export const Stack = () => {
           <div className="steps__portfolio">
             <img src={portfolio} alt="portfolio" />
           </div>
+          <div className="steps__portfolio-mobile">
+            <img src={bagITguild} alt="portfolio" />
+          </div>
           <img
             className="steps__code steps__code--first"
             src={code}
@@ -456,15 +470,19 @@ export const Stack = () => {
               <img src={clue} alt="clue" />
               <h3 className="info__title">ПОИСК</h3>
               <div className="info-content">
-                <p>
-                  Заполните, пожалуйста, форму и наш <br /> менеджер обязательно
-                  с вами свяжется
-                </p>
-                <h4>Нужен специалист?</h4>
-                <span>Посмотрите и другие продукты ITGUILD</span>
-                <div className="info-content__buttons">
-                  <button>Система для отчётности</button>
-                  <button>Система контроля версий GIT</button>
+                <div className="info-content__title">
+                  <p>
+                    <span>Заполните, пожалуйста, форму</span> и <br /> наш
+                    менеджер обязательно с вами свяжется
+                  </p>
+                  <h4>Нужен специалист?</h4>
+                </div>
+                <div className="info-content__nav">
+                  <span>Посмотрите и другие продукты ITGUILD</span>
+                  <div className="info-content__buttons">
+                    <button>Система для отчётности</button>
+                    <button>Система контроля версий GIT</button>
+                  </div>
                 </div>
               </div>
             </div>