stack

src/pages/Stack/Stack.jsx

@@ -4,24 +4,45 @@ import SVG from "react-inlinesvg";
 import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
 
 import Ellipse from "assets/images/EllipseIntro.svg";
+import backgroundOpp from "assets/images/backgroundOpportunity.png";
 import cat from "assets/images/cat.png";
 import clue from "assets/images/clue.png";
-import backgroundOpp from "assets/images/backgroundOpportunity.png"
+import code from "assets/images/landingBackgroundCode.png";
-import code from "assets/images/landingBackgroundCode.png"
 
 import "./stack.scss";
 
 export const Stack = () => {
   const subjects = [
     {
-      name: 'Backend',
+      name: "Backend",
-      skills: ['php', 'yii2', 'laravel', 'symfony', 'django', 'nodejs', 'fastAPI', 'flask', 'python', 'exspress', 'adonis']
+      skills: [
+        "php",
+        "yii2",
+        "laravel",
+        "symfony",
+        "django",
+        "nodejs",
+        "fastAPI",
+        "flask",
+        "python",
+        "exspress",
+        "adonis"
+      ]
     },
     {
-      name: 'Front',
+      name: "Front",
-      skills: ['react', 'next.js', 'typescript', 'redux', 'angular', 'vue', 'jquery', 'css (sass/scss, tailwind, bootstrap, БЭМ)']
+      skills: [
+        "react",
+        "next.js",
+        "typescript",
+        "redux",
+        "angular",
+        "vue",
+        "jquery",
+        "css (sass/scss, tailwind, bootstrap, БЭМ)"
+      ]
     }
-  ]
+  ];
   return (
     <section className="stack">
       <AuthHeader />
@@ -78,30 +99,32 @@ export const Stack = () => {
                 Окунитесь в экосистему ITGUIL
               </span>
               <p className="info__about">
-                <span>Вы получаете полное управление над сотрудниками,</span> имея возможность контролировать и заменять IT штат.
+                <span>Вы получаете полное управление над сотрудниками,</span>{" "}
+                имея возможность контролировать и заменять IT штат.
               </p>
               <div className="info__notification">
-                <img src={clue} alt='clue'/>
+                <img src={clue} alt="clue" />
                 <p>
-                  Можем подготовить специалиста конкретно под ваш проект и используемый стек.
+                  Можем подготовить специалиста конкретно под ваш проект и
-                  Таким образом вы сможете сэкономить ресурсы на поиск кандидата.
+                  используемый стек. Таким образом вы сможете сэкономить ресурсы
+                  на поиск кандидата.
                 </p>
               </div>
             </div>
           </div>
           <div className="opportunity__subjects">
             {subjects.map((subject) => {
-              return <div className="subject" key={subject.name}>
+              return (
-                <h4>{subject.name}</h4>
+                <div className="subject" key={subject.name}>
-                <div className="subject__skills">
+                  <h4>{subject.name}</h4>
-                  {subject.skills.map((skill) => {
+                  <div className="subject__skills">
-                    return <span key={skill}>{skill}</span>
+                    {subject.skills.map((skill) => {
-                  })
+                      return <span key={skill}>{skill}</span>;
-                  }
+                    })}
+                  </div>
                 </div>
-              </div>
+              );
-            })
+            })}
-            }
           </div>
         </div>
       </section>