landing
This commit is contained in:
Mikola
parent
86a784bee2
commit
066cd569d3
@ -2,110 +2,128 @@ import React from "react";
|
||||
import SVG from "react-inlinesvg";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
import authIcon from 'assets/icons/authIcon.svg'
|
||||
import clue from "assets/icons/landingClue.svg"
|
||||
import cat from "assets/images/landingCat.png"
|
||||
import arrow from "assets/icons/arrows/arrowLanding.svg"
|
||||
import vk from "assets/icons/vkIcon.svg"
|
||||
import telegram from "assets/icons/telegramIcon.svg"
|
||||
import codeBg from "assets/images/landingBackgroundCode.svg"
|
||||
import arrow from "assets/icons/arrows/arrowLanding.svg";
|
||||
import authIcon from "assets/icons/authIcon.svg";
|
||||
import clue from "assets/icons/landingClue.svg";
|
||||
import telegram from "assets/icons/telegramIcon.svg";
|
||||
import vk from "assets/icons/vkIcon.svg";
|
||||
import codeBg from "assets/images/landingBackgroundCode.svg";
|
||||
import cat from "assets/images/landingCat.png";
|
||||
|
||||
import "./landing.scss";
|
||||
|
||||
export const Landing = () => {
|
||||
const opportunities = [
|
||||
{
|
||||
name: '<span>Аутстаффинг</span> сотрудников',
|
||||
class: 'outstaffing__employees',
|
||||
name: "<span>Аутстаффинг</span> сотрудников",
|
||||
class: "outstaffing__employees",
|
||||
img: cat
|
||||
},
|
||||
{
|
||||
name: 'Модуль для видеоконференций',
|
||||
name: "Модуль для видеоконференций"
|
||||
},
|
||||
{
|
||||
name: 'Система контроля версий GIT',
|
||||
name: "Система контроля версий GIT"
|
||||
},
|
||||
{
|
||||
name: 'Управление задачами',
|
||||
name: "Управление задачами"
|
||||
},
|
||||
{
|
||||
name: 'Система для отчётности',
|
||||
name: "Система для отчётности"
|
||||
},
|
||||
{
|
||||
name: 'Все наши предложения',
|
||||
class: 'outstaffing__offers',
|
||||
name: "Все наши предложения",
|
||||
class: "outstaffing__offers",
|
||||
img: arrow
|
||||
}
|
||||
]
|
||||
];
|
||||
const socials = [
|
||||
{
|
||||
img: vk,
|
||||
to: ''
|
||||
to: ""
|
||||
},
|
||||
{
|
||||
img: telegram,
|
||||
to: ''
|
||||
to: ""
|
||||
}
|
||||
]
|
||||
];
|
||||
return (
|
||||
<section className="landing">
|
||||
<div className="landing__container">
|
||||
<div className="landing__head">
|
||||
<h2 className="head__logo">ITGUILD</h2>
|
||||
<Link className="head__signIn" to='/auth'>войти в систему</Link>
|
||||
<Link className="head__signUp" to='/auth'>
|
||||
<Link className="head__signIn" to="/auth">
|
||||
войти в систему
|
||||
</Link>
|
||||
<Link className="head__signUp" to="/auth">
|
||||
<SVG src={authIcon} />
|
||||
авторизация
|
||||
</Link>
|
||||
</div>
|
||||
<div className="landing__info">
|
||||
<p className="info__title">
|
||||
<SVG className='code' src={codeBg} />
|
||||
<SVG className="code" src={codeBg} />
|
||||
<span>Экосистема</span> для диджитализации бизнеса
|
||||
</p>
|
||||
<div className="landing__background">
|
||||
<h3>ITGuild</h3>
|
||||
<SVG className='clue' src={clue} />
|
||||
<SVG className='code' src={codeBg} />
|
||||
<SVG className="clue" src={clue} />
|
||||
<SVG className="code" src={codeBg} />
|
||||
</div>
|
||||
<div className="info__block">
|
||||
<p>
|
||||
Подберем и документально оформим IT-специалистов, после чего передадим исполнителей под ваше руководство.
|
||||
<br/><br/>
|
||||
<span>Вы получаете полное управление над сотрудниками,</span> имея возможность контролировать и заменять IT штат.
|
||||
Подберем и документально оформим IT-специалистов, после чего
|
||||
передадим исполнителей под ваше руководство.
|
||||
<br />
|
||||
<br />
|
||||
<span>Вы получаете полное управление над сотрудниками,</span> имея
|
||||
возможность контролировать и заменять IT штат.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="landing__opportunities">
|
||||
{opportunities.map((opportunity, index) => {
|
||||
return <div className={opportunity.class ? opportunity.class : 'landing__opportunity'} key={index}>
|
||||
{opportunity.class ?
|
||||
return (
|
||||
<div
|
||||
className={
|
||||
opportunity.class ? opportunity.class : "landing__opportunity"
|
||||
}
|
||||
key={index}
|
||||
>
|
||||
{opportunity.class ? (
|
||||
<div>
|
||||
<p dangerouslySetInnerHTML={{ __html: opportunity.name }} />
|
||||
{opportunity.img ? <img src={opportunity.img} alt='img' /> : ''}
|
||||
</div> :
|
||||
<p>{opportunity.name}</p>
|
||||
}
|
||||
{opportunity.img ? (
|
||||
<img src={opportunity.img} alt="img" />
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
</div>
|
||||
})
|
||||
}
|
||||
) : (
|
||||
<p>{opportunity.name}</p>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
<div className="landing__footer">
|
||||
<div className="footer__links">
|
||||
<div className="footer__socials">
|
||||
{socials.map((social, index) => {
|
||||
return <Link to={social.to} key={index}><SVG src={social.img} /></Link>
|
||||
return (
|
||||
<Link to={social.to} key={index}>
|
||||
<SVG src={social.img} />
|
||||
</Link>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
<Link className='footer__invite' to='/auth'>Присоединиться к команде</Link>
|
||||
<Link className="footer__invite" to="/auth">
|
||||
Присоединиться к команде
|
||||
</Link>
|
||||
</div>
|
||||
<div className="footer__info">
|
||||
<p>
|
||||
office@itguild.info
|
||||
</p>
|
||||
<p>
|
||||
© 2024 - Outstaffing. Все права защищены
|
||||
</p>
|
||||
<p>office@itguild.info</p>
|
||||
<p>© 2024 - Outstaffing. Все права защищены</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,50 +1,60 @@
|
||||
import React from "react";
|
||||
import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
|
||||
import SVG from "react-inlinesvg";
|
||||
|
||||
import Ellipse from "assets/images/EllipseIntro.svg"
|
||||
import clue from "assets/images/clue.png"
|
||||
import cat from "assets/images/cat.png"
|
||||
import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
|
||||
|
||||
import Ellipse from "assets/images/EllipseIntro.svg";
|
||||
import cat from "assets/images/cat.png";
|
||||
import clue from "assets/images/clue.png";
|
||||
|
||||
import "./stack.scss";
|
||||
|
||||
export const Stack = () => {
|
||||
|
||||
return (
|
||||
<section className="stack">
|
||||
<AuthHeader />
|
||||
<section className="stack__intro">
|
||||
<div className="stack__container intro__container">
|
||||
<div className="intro__info">
|
||||
<span className="intro__suptitle">Все еще пытаетесь<br/> пасти котов?*</span>
|
||||
<h1 className="intro__title">Аутстаф<br/>финг</h1>
|
||||
<span className="intro__suptitle">
|
||||
Все еще пытаетесь
|
||||
<br /> пасти котов?*
|
||||
</span>
|
||||
<h1 className="intro__title">
|
||||
Аутстаф
|
||||
<br />
|
||||
финг
|
||||
</h1>
|
||||
<span className="intro__subtitle">IT-специалистов</span>
|
||||
<p className="intro__about">Подберем и документально оформим IT-специалистов, после чего
|
||||
передадим исполнителей под ваше руководство. <span>Вы получаете полное
|
||||
управление над сотрудниками,</span> имея возможность контролировать и
|
||||
заменять IT штат.</p>
|
||||
<p className="intro__about">
|
||||
Подберем и документально оформим IT-специалистов, после чего
|
||||
передадим исполнителей под ваше руководство.{" "}
|
||||
<span>Вы получаете полное управление над сотрудниками,</span> имея
|
||||
возможность контролировать и заменять IT штат.
|
||||
</p>
|
||||
<div className="intro__links">
|
||||
<button className="stack__button">оставить заявку</button>
|
||||
<span className="intro__link">Окунитесь в<br/> экосистему ITGUIL</span>
|
||||
<span className="intro__link">
|
||||
Окунитесь в<br /> экосистему ITGUIL
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<SVG className="intro__ellipse" src={Ellipse} />
|
||||
<div className="intro__aside">
|
||||
<h3 className="aside__logo">ITGu ild</h3>
|
||||
<div className="aside__clue">
|
||||
<img src={clue} alt='clue' />
|
||||
<img src={clue} alt="clue" />
|
||||
<p>
|
||||
<span>Каждый день</span> база специалистов пополняется на <span>+15 резюме</span>
|
||||
<span>Каждый день</span> база специалистов пополняется на{" "}
|
||||
<span>+15 резюме</span>
|
||||
</p>
|
||||
</div>
|
||||
<img className="aside__cat" src={cat} alt='cat' />
|
||||
<img className="aside__cat" src={cat} alt="cat" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="stack__opportunity">
|
||||
<div className="stack__container">
|
||||
|
||||
</div>
|
||||
<div className="stack__container"></div>
|
||||
</section>
|
||||
</section>
|
||||
);
|
||||
|
||||
@ -10,13 +10,13 @@ import { CompanyInfo } from "@pages/CompanyInfo/CompanyInfo";
|
||||
import { Forms } from "@pages/Forms/Forms";
|
||||
import { FrequentlyAskedQuestion } from "@pages/FrequentlyAskedQuestion/FrequentlyAskedQuestion";
|
||||
import { FrequentlyAskedQuestions } from "@pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions";
|
||||
import { Landing } from "@pages/Landing/Landing";
|
||||
import { ProfileCandidate } from "@pages/ProfileCandidate/ProfileCandidate";
|
||||
import { RegistrationForCandidate } from "@pages/RegistrationForCandidate/RegistrationForCandidate";
|
||||
import { RegistrationSetting } from "@pages/RegistrationSetting/RegistrationSetting";
|
||||
import { SingleReportPage } from "@pages/SingleReportPage/SingleReportPage";
|
||||
import { TrackerIntro } from "@pages/TrackerIntro/TrackerIntro";
|
||||
import { Stack } from "@pages/Stack/Stack";
|
||||
import { Landing } from "@pages/Landing/Landing";
|
||||
import { TrackerIntro } from "@pages/TrackerIntro/TrackerIntro";
|
||||
|
||||
import { FreeDevelopers } from "@components/FreeDevelopers/FreeDevelopers";
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user