apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

company page

Browse Source
This commit is contained in:
Николай Полтщук 2023-08-11 20:38:22 +03:00
parent 9028339c30
commit d159f7bee1
1 changed files with 94 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
src/pages/CompanyInfo/CompanyInfo.jsx
View File

@ -5,14 +5,13 @@ import { Footer } from "@components/Common/Footer/Footer";
import SideBar from "@components/SideBar/SideBar"; import SideBar from "@components/SideBar/SideBar";
import arrow from "assets/icons/arrows/arrowRight.svg"; import arrow from "assets/icons/arrows/arrowRight.svg";
import countingImg from "assets/icons/companyCountingBlockImg.svg" import countingImg from "assets/icons/companyCountingBlockImg.svg";
import calcImg from "assets/images/countingBlockCalcImg.png" import braceImg from "assets/images/countingBlockBrace.png";
import braceImg from "assets/images/countingBlockBrace.png" import calcImg from "assets/images/countingBlockCalcImg.png";
import "./companyInfo.scss"; import "./companyInfo.scss";
export const CompanyInfo = () => { export const CompanyInfo = () => {
return ( return (
<div className="companyInfo"> <div className="companyInfo">
<AuthHeader /> <AuthHeader />
@ -20,18 +19,16 @@ export const CompanyInfo = () => {
<div className="companyInfo__content"> <div className="companyInfo__content">
<div className="container"> <div className="container">
<h1 className="companyInfo__title"> <h1 className="companyInfo__title">
<span> <span>Арендуйте IT специалистов:</span>
Арендуйте IT специалистов:
</span>
<br /> <br />
быстро, выгодно, на любой срок. быстро, выгодно, на любой срок.
</h1> </h1>
<div className='arrowElement arrowDown'> <div className="arrowElement arrowDown">
<img src={arrow} alt='arrow' /> <img src={arrow} alt="arrow" />
</div> </div>
<p className="companyInfo__subTitle"> <p className="companyInfo__subTitle">
Мы предоставляем вам «в аренду» it-специалистов. При этом они находятся в нашем штате. Мы предоставляем вам «в аренду» it-специалистов. При этом они
Оплата происходит за отработанные часы находятся в нашем штате. Оплата происходит за отработанные часы
</p> </p>
<div className="companyInfo__info"> <div className="companyInfo__info">
<div className="companyInfo__countingBlock"> <div className="companyInfo__countingBlock">
@ -42,33 +39,31 @@ export const CompanyInfo = () => {
Экономия бюджета компании - главное преимущество аутстафинга Экономия бюджета компании - главное преимущество аутстафинга
</h3> </h3>
<p className="countingBlock__subTitle"> <p className="countingBlock__subTitle">
Приблизительный просчет дал результаты в экономии до 50% бюджета Приблизительный просчет дал результаты в экономии до 50%
бюджета
</p> </p>
</div> </div>
<div className='arrowElement'> <div className="arrowElement">
<img src={arrow} alt='arrow' /> <img src={arrow} alt="arrow" />
</div> </div>
</div> </div>
<div className="companyInfo__countingBlock__bottom"> <div className="companyInfo__countingBlock__bottom">
<span className='titleBottom'> <span className="titleBottom">Давайте просчитаем:</span>
Давайте просчитаем: <p className="subTitleBottom">
</span> Оплата работы <span>разработчика</span> в штат 1500 руб/ч (250
<p className='subTitleBottom'> 000 руб/мес).
Оплата работы <span>разработчика</span> в штат 1500 руб/ч (250 000 руб/мес).
</p> </p>
</div> </div>
<img className='countingBlockImg' src={calcImg} alt='calc' /> <img className="countingBlockImg" src={calcImg} alt="calc" />
</div> </div>
<div className="companyInfo__info__img"> <div className="companyInfo__info__img">
<img src={braceImg} alt='brace' /> <img src={braceImg} alt="brace" />
</div> </div>
<div className="companyInfo__info__items"> <div className="companyInfo__info__items">
<div className="info__item"> <div className="info__item">
<ul> <ul>
<li>НДФЛ (13% от зарплаты)</li> <li>НДФЛ (13% от зарплаты)</li>
<li> <li>взносы в ПФР (22% от заработка)</li>
взносы в ПФР (22% от заработка)
</li>
<li>взносы в ФСС (3%)</li> <li>взносы в ФСС (3%)</li>
<li>взносы в ОМС (5%)</li> <li>взносы в ОМС (5%)</li>
</ul> </ul>
@ -76,20 +71,32 @@ export const CompanyInfo = () => {
<div className="info__item"> <div className="info__item">
<ul> <ul>
<li>Закупка рабочего оборудования.</li> <li>Закупка рабочего оборудования.</li>
<li>Расходы на рекрутмент (10% от гросс либо 1−2 оклада для штатного HR), <li>
затраты на размещение вакансий</li> Расходы на рекрутмент (10% от гросс либо 1−2 оклада для
штатного HR), затраты на размещение вакансий
</li>
<li>Затраты на обучения, аренду, амортизацию оборудования</li> <li>Затраты на обучения, аренду, амортизацию оборудования</li>
</ul> </ul>
</div> </div>
</div> </div>
<div className="companyInfo__info__total"> <div className="companyInfo__info__total">
<span className="companyInfo__info__total__title">В итоге у нас получается:</span> <span className="companyInfo__info__total__title">
В итоге у нас получается:
</span>
<div className="companyInfo__info__total__text"> <div className="companyInfo__info__total__text">
<p>Специалист с изначальной расценкой в 1 500 руб/ч с учетом всех остальных расходов
<span> будет стоить для <br/>компании около 3 000 руб/ч.</span></p>
<p> <p>
Услуги IT-аутстаффинга персонала позволяют сократить эти расходы. Мы разбираемся Специалист с изначальной расценкой в 1 500 руб/ч с учетом всех
с налогами, обучением, техникой — вы оплачиваете только почасовую работу сотрудника. остальных расходов
<span>
{" "}
будет стоить для <br />
компании около 3 000 руб/ч.
</span>
</p>
<p>
Услуги IT-аутстаффинга персонала позволяют сократить эти
расходы. Мы разбираемся с налогами, обучением, техникой — вы
оплачиваете только почасовую работу сотрудника.
</p> </p>
</div> </div>
</div> </div>