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

trackerIntro

Browse Source
This commit is contained in:
Николай Полтщук 2023-07-04 22:26:15 +03:00
parent ad7874b500
commit e6689c315d
1 changed files with 67 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

121
src/pages/TrackerIntro/TrackerIntro.js
View File

@ -2,79 +2,102 @@ import React from "react";
import { NavLink } from "react-router-dom"; import { NavLink } from "react-router-dom";
import AuthHeader from "@components/Common/AuthHeader/AuthHeader"; import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
import SideBar from "@components/SideBar/SideBar";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import SideBar from "@components/SideBar/SideBar";
import arrowInfo from "assets/icons/trackerIntroInfo.svg";
import introInfo from "assets/icons/starTrackerIntro.svg"; import introInfo from "assets/icons/starTrackerIntro.svg";
import introImg from "assets/images/trackerIntroImg.png"; import arrowInfo from "assets/icons/trackerIntroInfo.svg";
import trackerBoard from "assets/images/trackerBoardImg.png"; import trackerBoard from "assets/images/trackerBoardImg.png";
import trackerHeard from "assets/images/trackerHeard.png"; import trackerHeard from "assets/images/trackerHeard.png";
import introImg from "assets/images/trackerIntroImg.png";
import "./trackerIntro.scss" import "./trackerIntro.scss";
export const TrackerIntro = () => { export const TrackerIntro = () => {
return ( return (
<div className="trackerIntro"> <div className="trackerIntro">
<AuthHeader /> <AuthHeader />
<SideBar /> <SideBar />
<div className='trackerIntro__content'> <div className="trackerIntro__content">
<div className='container'> <div className="container">
<div className='trackerIntro__intro'> <div className="trackerIntro__intro">
<div className='trackerIntro__intro__info'> <div className="trackerIntro__intro__info">
<div className='trackerIntro__intro__suptitle'> <div className="trackerIntro__intro__suptitle">
<img src={introInfo} alt='img' /> <img src={introInfo} alt="img" />
<span>Подключись и пользуйся бесплатно!</span> <span>Подключись и пользуйся бесплатно!</span>
</div> </div>
<h1 className='trackerIntro__intro__title'> <h1 className="trackerIntro__intro__title">
Сервис для планирования и работы Сервис для планирования и работы
<span> для Вашей команды</span><img src={arrowInfo} alt='img' /></h1> <span> для Вашей команды</span>
<p className='trackerIntro__intro__subtitle'>Российский сервис <img src={arrowInfo} alt="img" />
для совместной работы команд. Все процессы компании в одном месте: </h1>
проекты, задачи, цели, сотрудники, документы, переписки, отчеты</p> <p className="trackerIntro__intro__subtitle">
<NavLink to='/auth' className='trackerIntro__btn'>Начать работу</NavLink> Российский сервис для совместной работы команд. Все процессы
</div> компании в одном месте: проекты, задачи, цели, сотрудники,
<img className='trackerIntro__intro__img' src={introImg} alt='img' /> документы, переписки, отчеты
</div>
</div>
<div className='trackerIntro__board'>
<div className='trackerIntro__boardImg'>
<img className='board' src={trackerBoard} alt='board' />
<img className='heard' src={trackerHeard} alt='heard' />
</div>
<div className='trackerIntro__board__info'>
<p>
Управление большим количеством проектов и гибкая
настройка структуры под любые процессы
</p> </p>
<NavLink to='/auth' className='trackerIntro__btn'>Начать работу</NavLink> <NavLink to="/auth" className="trackerIntro__btn">
Начать работу
</NavLink>
</div>
<img
className="trackerIntro__intro__img"
src={introImg}
alt="img"
/>
</div> </div>
</div> </div>
<div className='container'> <div className="trackerIntro__board">
<div className='trackerIntro__info'> <div className="trackerIntro__boardImg">
<h2 className='trackerIntro__info__title'> <img className="board" src={trackerBoard} alt="board" />
Используйте сервис, который позаботится о персональных данных вашей компании и<br/> <img className="heard" src={trackerHeard} alt="heard" />
</div>
<div className="trackerIntro__board__info">
<p>
Управление большим количеством проектов и гибкая настройка
структуры под любые процессы
</p>
<NavLink to="/auth" className="trackerIntro__btn">
Начать работу
</NavLink>
</div>
</div>
<div className="container">
<div className="trackerIntro__info">
<h2 className="trackerIntro__info__title">
Используйте сервис, который позаботится о персональных данных
вашей компании и<br />
<span> не уйдет с рынка.</span> <span> не уйдет с рынка.</span>
<img src={arrowInfo} alt='img' /> <img src={arrowInfo} alt="img" />
</h2> </h2>
<div className='trackerIntro__info__items'> <div className="trackerIntro__info__items">
<div className='trackerIntro__info__item'> <div className="trackerIntro__info__item">
<div className='trackerIntro__info__itemHead'> <div className="trackerIntro__info__itemHead">
<span>+</span> <span>+</span>
<h3>Настраиваемые<br/>доски</h3> <h3>
Настраиваемые
<br />
доски
</h3>
</div> </div>
<p>Настраиваемые доски позволяют контролировать все ваши задачи <p>
и работу вашей команды.</p> Настраиваемые доски позволяют контролировать все ваши задачи и
работу вашей команды.
</p>
</div> </div>
<div className='trackerIntro__info__item'> <div className="trackerIntro__info__item">
<div className='trackerIntro__info__itemHead'> <div className="trackerIntro__info__itemHead">
<span>+</span> <span>+</span>
<h3>Учет<br/>времени</h3> <h3>
Учет
<br />
времени
</h3>
</div> </div>
<p>Учитывайте загрузку и ресурсы <p>
сотрудников, получайте доступные Учитывайте загрузку и ресурсы сотрудников, получайте доступные
отчеты о времени работы над каждой отчеты о времени работы над каждой задачей или проектом.
задачей или проектом.</p> </p>
</div> </div>
</div> </div>
</div> </div>
@ -82,5 +105,5 @@ export const TrackerIntro = () => {
<Footer /> <Footer />
</div> </div>
</div> </div>
) );
}; };