landing #33

Merged
nik.polishuk merged 4 commits from landing into main 2024-04-18 15:27:04 +03:00
Showing only changes of commit 7a55188904 - Show all commits

View File

@ -4,24 +4,45 @@ import SVG from "react-inlinesvg";
import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader"; import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
import Ellipse from "assets/images/EllipseIntro.svg"; import Ellipse from "assets/images/EllipseIntro.svg";
import backgroundOpp from "assets/images/backgroundOpportunity.png";
import cat from "assets/images/cat.png"; import cat from "assets/images/cat.png";
import clue from "assets/images/clue.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"; import "./stack.scss";
export const Stack = () => { export const Stack = () => {
const subjects = [ 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 ( return (
<section className="stack"> <section className="stack">
<AuthHeader /> <AuthHeader />
@ -78,30 +99,32 @@ export const Stack = () => {
Окунитесь в экосистему ITGUIL Окунитесь в экосистему ITGUIL
</span> </span>
<p className="info__about"> <p className="info__about">
<span>Вы получаете полное управление над сотрудниками,</span> имея возможность контролировать и заменять IT штат. <span>Вы получаете полное управление над сотрудниками,</span>{" "}
имея возможность контролировать и заменять IT штат.
</p> </p>
<div className="info__notification"> <div className="info__notification">
<img src={clue} alt='clue'/> <img src={clue} alt="clue" />
<p> <p>
Можем подготовить специалиста конкретно под ваш проект и используемый стек. Можем подготовить специалиста конкретно под ваш проект и
Таким образом вы сможете сэкономить ресурсы на поиск кандидата. используемый стек. Таким образом вы сможете сэкономить ресурсы
на поиск кандидата.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<div className="opportunity__subjects"> <div className="opportunity__subjects">
{subjects.map((subject) => { {subjects.map((subject) => {
return <div className="subject" key={subject.name}> return (
<div className="subject" key={subject.name}>
<h4>{subject.name}</h4> <h4>{subject.name}</h4>
<div className="subject__skills"> <div className="subject__skills">
{subject.skills.map((skill) => { {subject.skills.map((skill) => {
return <span key={skill}>{skill}</span> return <span key={skill}>{skill}</span>;
}) })}
}
</div> </div>
</div> </div>
}) );
} })}
</div> </div>
</div> </div>
</section> </section>