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

landing

Browse Source
This commit is contained in:
Mikola 2024-04-16 17:01:13 +03:00
parent 86a784bee2
commit 066cd569d3
3 changed files with 94 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

110
src/pages/Landing/Landing.jsx
View File

@ -2,110 +2,128 @@ import React from "react";
import SVG from "react-inlinesvg"; import SVG from "react-inlinesvg";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import authIcon from 'assets/icons/authIcon.svg' import arrow from "assets/icons/arrows/arrowLanding.svg";
import clue from "assets/icons/landingClue.svg" import authIcon from "assets/icons/authIcon.svg";
import cat from "assets/images/landingCat.png" import clue from "assets/icons/landingClue.svg";
import arrow from "assets/icons/arrows/arrowLanding.svg" import telegram from "assets/icons/telegramIcon.svg";
import vk from "assets/icons/vkIcon.svg" import vk from "assets/icons/vkIcon.svg";
import telegram from "assets/icons/telegramIcon.svg" import codeBg from "assets/images/landingBackgroundCode.svg";
import codeBg from "assets/images/landingBackgroundCode.svg" import cat from "assets/images/landingCat.png";
import "./landing.scss"; import "./landing.scss";
export const Landing = () => { export const Landing = () => {
const opportunities = [ const opportunities = [
{ {
name: '<span>Аутстаффинг</span> сотрудников', name: "<span>Аутстаффинг</span> сотрудников",
class: 'outstaffing__employees', class: "outstaffing__employees",
img: cat img: cat
}, },
{ {
name: 'Модуль для видеоконференций', name: "Модуль для видеоконференций"
}, },
{ {
name: 'Система контроля версий GIT', name: "Система контроля версий GIT"
}, },
{ {
name: 'Управление задачами', name: "Управление задачами"
}, },
{ {
name: 'Система для отчётности', name: "Система для отчётности"
}, },
{ {
name: 'Все наши предложения', name: "Все наши предложения",
class: 'outstaffing__offers', class: "outstaffing__offers",
img: arrow img: arrow
} }
] ];
const socials = [ const socials = [
{ {
img: vk, img: vk,
to: '' to: ""
}, },
{ {
img: telegram, img: telegram,
to: '' to: ""
} }
] ];
return ( return (
<section className="landing"> <section className="landing">
<div className="landing__container"> <div className="landing__container">
<div className="landing__head"> <div className="landing__head">
<h2 className="head__logo">ITGUILD</h2> <h2 className="head__logo">ITGUILD</h2>
<Link className="head__signIn" to='/auth'>войти в систему</Link> <Link className="head__signIn" to="/auth">
<Link className="head__signUp" to='/auth'> войти в систему
</Link>
<Link className="head__signUp" to="/auth">
<SVG src={authIcon} /> <SVG src={authIcon} />
авторизация авторизация
</Link> </Link>
</div> </div>
<div className="landing__info"> <div className="landing__info">
<p className="info__title"> <p className="info__title">
<SVG className='code' src={codeBg} /> <SVG className="code" src={codeBg} />
<span>Экосистема</span> для диджитализации бизнеса <span>Экосистема</span> для диджитализации бизнеса
</p> </p>
<div className="landing__background"> <div className="landing__background">
<h3>ITGuild</h3> <h3>ITGuild</h3>
<SVG className='clue' src={clue} /> <SVG className="clue" src={clue} />
<SVG className='code' src={codeBg} /> <SVG className="code" src={codeBg} />
</div> </div>
<div className="info__block"> <div className="info__block">
<p> <p>
Подберем и документально оформим IT-специалистов, после чего передадим исполнителей под ваше руководство. Подберем и документально оформим IT-специалистов, после чего
<br/><br/> передадим исполнителей под ваше руководство.
<span>Вы получаете полное управление над сотрудниками,</span> имея возможность контролировать и заменять IT штат. <br />
<br />
<span>Вы получаете полное управление над сотрудниками,</span> имея
возможность контролировать и заменять IT штат.
</p> </p>
</div> </div>
</div> </div>
<div className="landing__opportunities"> <div className="landing__opportunities">
{opportunities.map((opportunity, index) => { {opportunities.map((opportunity, index) => {
return <div className={opportunity.class ? opportunity.class : 'landing__opportunity'} key={index}> return (
{opportunity.class ? <div
<div> className={
<p dangerouslySetInnerHTML={{__html:opportunity.name}}/> opportunity.class ? opportunity.class : "landing__opportunity"
{opportunity.img ? <img src={opportunity.img} alt='img' /> : ''} }
</div> : key={index}
<p>{opportunity.name}</p> >
} {opportunity.class ? (
</div> <div>
}) <p dangerouslySetInnerHTML={{ __html: opportunity.name }} />
} {opportunity.img ? (
<img src={opportunity.img} alt="img" />
) : (
""
)}
</div>
) : (
<p>{opportunity.name}</p>
)}
</div>
);
})}
</div> </div>
<div className="landing__footer"> <div className="landing__footer">
<div className="footer__links"> <div className="footer__links">
<div className="footer__socials"> <div className="footer__socials">
{socials.map((social, index) => { {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> </div>
<Link className='footer__invite' to='/auth'>Присоединиться к команде</Link> <Link className="footer__invite" to="/auth">
Присоединиться к команде
</Link>
</div> </div>
<div className="footer__info"> <div className="footer__info">
<p> <p>office@itguild.info</p>
office@itguild.info <p>© 2024 - Outstaffing. Все права защищены</p>
</p>
<p>
© 2024 - Outstaffing. Все права защищены
</p>
</div> </div>
</div> </div>
</div> </div>

46
src/pages/Stack/Stack.jsx
View File

@ -1,50 +1,60 @@
import React from "react"; import React from "react";
import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
import SVG from "react-inlinesvg"; import SVG from "react-inlinesvg";
import Ellipse from "assets/images/EllipseIntro.svg" import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
import clue from "assets/images/clue.png"
import cat from "assets/images/cat.png" import Ellipse from "assets/images/EllipseIntro.svg";
import cat from "assets/images/cat.png";
import clue from "assets/images/clue.png";
import "./stack.scss"; import "./stack.scss";
export const Stack = () => { export const Stack = () => {
return ( return (
<section className="stack"> <section className="stack">
<AuthHeader /> <AuthHeader />
<section className="stack__intro"> <section className="stack__intro">
<div className="stack__container intro__container"> <div className="stack__container intro__container">
<div className="intro__info"> <div className="intro__info">
<span className="intro__suptitle">Все еще пытаетесь<br/> пасти котов?*</span> <span className="intro__suptitle">
<h1 className="intro__title">Аутстаф<br/>финг</h1> Все еще пытаетесь
<br /> пасти котов?*
</span>
<h1 className="intro__title">
Аутстаф
<br />
финг
</h1>
<span className="intro__subtitle">IT-специалистов</span> <span className="intro__subtitle">IT-специалистов</span>
<p className="intro__about">Подберем и документально оформим IT-специалистов, после чего <p className="intro__about">
передадим исполнителей под ваше руководство. <span>Вы получаете полное Подберем и документально оформим IT-специалистов, после чего
управление над сотрудниками,</span> имея возможность контролировать и передадим исполнителей под ваше руководство.{" "}
заменять IT штат.</p> <span>Вы получаете полное управление над сотрудниками,</span> имея
возможность контролировать и заменять IT штат.
</p>
<div className="intro__links"> <div className="intro__links">
<button className="stack__button">оставить заявку</button> <button className="stack__button">оставить заявку</button>
<span className="intro__link">Окунитесь в<br/> экосистему ITGUIL</span> <span className="intro__link">
Окунитесь в<br /> экосистему ITGUIL
</span>
</div> </div>
</div> </div>
<SVG className="intro__ellipse" src={Ellipse} /> <SVG className="intro__ellipse" src={Ellipse} />
<div className="intro__aside"> <div className="intro__aside">
<h3 className="aside__logo">ITGu ild</h3> <h3 className="aside__logo">ITGu ild</h3>
<div className="aside__clue"> <div className="aside__clue">
<img src={clue} alt='clue' /> <img src={clue} alt="clue" />
<p> <p>
<span>Каждый день</span> база специалистов пополняется на <span>+15 резюме</span> <span>Каждый день</span> база специалистов пополняется на{" "}
<span>+15 резюме</span>
</p> </p>
</div> </div>
<img className="aside__cat" src={cat} alt='cat' /> <img className="aside__cat" src={cat} alt="cat" />
</div> </div>
</div> </div>
</section> </section>
<section className="stack__opportunity"> <section className="stack__opportunity">
<div className="stack__container"> <div className="stack__container"></div>
</div>
</section> </section>
</section> </section>
); );

4
src/pages/roles/GuestPage.jsx
View File

@ -10,13 +10,13 @@ import { CompanyInfo } from "@pages/CompanyInfo/CompanyInfo";
import { Forms } from "@pages/Forms/Forms"; import { Forms } from "@pages/Forms/Forms";
import { FrequentlyAskedQuestion } from "@pages/FrequentlyAskedQuestion/FrequentlyAskedQuestion"; import { FrequentlyAskedQuestion } from "@pages/FrequentlyAskedQuestion/FrequentlyAskedQuestion";
import { FrequentlyAskedQuestions } from "@pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions"; import { FrequentlyAskedQuestions } from "@pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions";
import { Landing } from "@pages/Landing/Landing";
import { ProfileCandidate } from "@pages/ProfileCandidate/ProfileCandidate"; import { ProfileCandidate } from "@pages/ProfileCandidate/ProfileCandidate";
import { RegistrationForCandidate } from "@pages/RegistrationForCandidate/RegistrationForCandidate"; import { RegistrationForCandidate } from "@pages/RegistrationForCandidate/RegistrationForCandidate";
import { RegistrationSetting } from "@pages/RegistrationSetting/RegistrationSetting"; import { RegistrationSetting } from "@pages/RegistrationSetting/RegistrationSetting";
import { SingleReportPage } from "@pages/SingleReportPage/SingleReportPage"; import { SingleReportPage } from "@pages/SingleReportPage/SingleReportPage";
import { TrackerIntro } from "@pages/TrackerIntro/TrackerIntro";
import { Stack } from "@pages/Stack/Stack"; import { Stack } from "@pages/Stack/Stack";
import { Landing } from "@pages/Landing/Landing"; import { TrackerIntro } from "@pages/TrackerIntro/TrackerIntro";
import { FreeDevelopers } from "@components/FreeDevelopers/FreeDevelopers"; import { FreeDevelopers } from "@components/FreeDevelopers/FreeDevelopers";