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