company page

This commit is contained in:
Николай Полтщук 2023-08-11 20:38:22 +03:00
parent 9028339c30
commit d159f7bee1

View File

@ -5,98 +5,105 @@ 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 /> <SideBar />
<SideBar /> <div className="companyInfo__content">
<div className="companyInfo__content"> <div className="container">
<div className="container"> <h1 className="companyInfo__title">
<h1 className="companyInfo__title"> <span>Арендуйте IT специалистов:</span>
<span> <br />
Арендуйте IT специалистов: быстро, выгодно, на любой срок.
</span> </h1>
<br /> <div className="arrowElement arrowDown">
быстро, выгодно, на любой срок. <img src={arrow} alt="arrow" />
</h1> </div>
<div className='arrowElement arrowDown'> <p className="companyInfo__subTitle">
<img src={arrow} alt='arrow' /> Мы предоставляем вам «в аренду» it-специалистов. При этом они
</div> находятся в нашем штате. Оплата происходит за отработанные часы
<p className="companyInfo__subTitle"> </p>
Мы предоставляем вам «в аренду» it-специалистов. При этом они находятся в нашем штате. <div className="companyInfo__info">
Оплата происходит за отработанные часы <div className="companyInfo__countingBlock">
</p> <div className="companyInfo__countingBlock__head">
<div className="companyInfo__info"> <img src={countingImg} alt="countingImg" />
<div className="companyInfo__countingBlock"> <div className="countingBlock__info">
<div className="companyInfo__countingBlock__head"> <h3 className="countingBlock__title">
<img src={countingImg} alt="countingImg" /> Экономия бюджета компании - главное преимущество аутстафинга
<div className="countingBlock__info"> </h3>
<h3 className="countingBlock__title"> <p className="countingBlock__subTitle">
Экономия бюджета компании - главное преимущество аутстафинга Приблизительный просчет дал результаты в экономии до 50%
</h3> бюджета
<p className="countingBlock__subTitle"> </p>
Приблизительный просчет дал результаты в экономии до 50% бюджета
</p>
</div>
<div className='arrowElement'>
<img src={arrow} alt='arrow' />
</div>
</div>
<div className="companyInfo__countingBlock__bottom">
<span className='titleBottom'>
Давайте просчитаем:
</span>
<p className='subTitleBottom'>
Оплата работы <span>разработчика</span> в штат 1500 руб/ч (250 000 руб/мес).
</p>
</div>
<img className='countingBlockImg' src={calcImg} alt='calc' />
</div>
<div className="companyInfo__info__img">
<img src={braceImg} alt='brace' />
</div>
<div className="companyInfo__info__items">
<div className="info__item">
<ul>
<li>НДФЛ (13% от зарплаты)</li>
<li>
взносы в ПФР (22% от заработка)
</li>
<li>взносы в ФСС (3%)</li>
<li>взносы в ОМС (5%)</li>
</ul>
</div>
<div className="info__item">
<ul>
<li>Закупка рабочего оборудования.</li>
<li>Расходы на рекрутмент (10% от гросс либо 12 оклада для штатного HR),
затраты на размещение вакансий</li>
<li>Затраты на обучения, аренду, амортизацию оборудования</li>
</ul>
</div>
</div>
<div className="companyInfo__info__total">
<span className="companyInfo__info__total__title">В итоге у нас получается:</span>
<div className="companyInfo__info__total__text">
<p>Специалист с изначальной расценкой в 1 500 руб/ч с учетом всех остальных расходов
<span> будет стоить для <br/>компании около 3 000 руб/ч.</span></p>
<p>
Услуги IT-аутстаффинга персонала позволяют сократить эти расходы. Мы разбираемся
с налогами, обучением, техникой вы оплачиваете только почасовую работу сотрудника.
</p>
</div>
</div>
</div>
</div> </div>
<Footer /> <div className="arrowElement">
<img src={arrow} alt="arrow" />
</div>
</div>
<div className="companyInfo__countingBlock__bottom">
<span className="titleBottom">Давайте просчитаем:</span>
<p className="subTitleBottom">
Оплата работы <span>разработчика</span> в штат 1500 руб/ч (250
000 руб/мес).
</p>
</div>
<img className="countingBlockImg" src={calcImg} alt="calc" />
</div> </div>
<div className="companyInfo__info__img">
<img src={braceImg} alt="brace" />
</div>
<div className="companyInfo__info__items">
<div className="info__item">
<ul>
<li>НДФЛ (13% от зарплаты)</li>
<li>взносы в ПФР (22% от заработка)</li>
<li>взносы в ФСС (3%)</li>
<li>взносы в ОМС (5%)</li>
</ul>
</div>
<div className="info__item">
<ul>
<li>Закупка рабочего оборудования.</li>
<li>
Расходы на рекрутмент (10% от гросс либо 12 оклада для
штатного HR), затраты на размещение вакансий
</li>
<li>Затраты на обучения, аренду, амортизацию оборудования</li>
</ul>
</div>
</div>
<div className="companyInfo__info__total">
<span className="companyInfo__info__total__title">
В итоге у нас получается:
</span>
<div className="companyInfo__info__total__text">
<p>
Специалист с изначальной расценкой в 1 500 руб/ч с учетом всех
остальных расходов
<span>
{" "}
будет стоить для <br />
компании около 3 000 руб/ч.
</span>
</p>
<p>
Услуги IT-аутстаффинга персонала позволяют сократить эти
расходы. Мы разбираемся с налогами, обучением, техникой вы
оплачиваете только почасовую работу сотрудника.
</p>
</div>
</div>
</div>
</div> </div>
); <Footer />
</div>
</div>
);
}; };