diff --git a/src/components/Layout/Header.tsx b/src/components/Layout/Header.tsx index 9e11608..2ed3971 100644 --- a/src/components/Layout/Header.tsx +++ b/src/components/Layout/Header.tsx @@ -4,7 +4,7 @@ export function Header() { return (
-

+

Создаем{' '}

-

+

Помогаем сократить затраты на обучение, повысить безопасность и производительность

diff --git a/src/components/Layout/Navbar.tsx b/src/components/Layout/Navbar.tsx index 12dd500..2010a9c 100644 --- a/src/components/Layout/Navbar.tsx +++ b/src/components/Layout/Navbar.tsx @@ -23,7 +23,7 @@ export function Navbar() { - {!menuOpen && } @@ -101,10 +101,10 @@ function ChooseLang({ lang }: { lang: 'RU' | 'EN' }) { function LangToggler({ lang }: { lang: Lang }) { const [open, setOpen] = useState(false); return ( -
+
-

+

В тренажере человек принимает решения так же, как в реальном мире,{' '} активируя те же нейронные цепочки в мозгу. Это позволяет добиться @@ -55,10 +55,14 @@ function Figure({ }} >

-
{title}
-

+

+ {title} +
+

{percents} - % + + % +

diff --git a/src/components/Main/Events.tsx b/src/components/Main/Events.tsx index 643829c..1a94193 100644 --- a/src/components/Main/Events.tsx +++ b/src/components/Main/Events.tsx @@ -1,13 +1,14 @@ +import { Link } from 'react-router-dom'; import { MiniTitle } from '../../ui/MiniTitle'; export function Events() { return ( -
-
+
+
-
-
-
+
+
+

Макет кабины машиниста «Иволга» на выставке ВДНХ

@@ -24,31 +25,33 @@ export function Events() { />
- +

Победа на BuildUP 2023 в номинации IT

- +

Транспортное и специальное тренажеростроение — 2023

- +
); } + +function LinkButton({ href }: { href: string }) { + return ( + + как это было + + ); +} diff --git a/src/components/Main/Pluses.tsx b/src/components/Main/Pluses.tsx index a50d7bd..41fee0f 100644 --- a/src/components/Main/Pluses.tsx +++ b/src/components/Main/Pluses.tsx @@ -1,9 +1,10 @@ import { MiniTitle } from '../../ui/MiniTitle'; +import { Title } from '../../ui/Title'; export function Pluses() { return (
-

+ <span className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]" style={{ @@ -15,8 +16,8 @@ export function Pluses() { Достигайте положительный эффект </span>{' '} за счет снижения издержек - </h1> - <h1 className="text-[#ffffff] text-[28px] leading-[28px] tablet:hidden"> + + <span className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]" style={{ @@ -29,38 +30,35 @@ export function Pluses() { </span>{' '} сократить затраты на обучение, повысить безопасность и производительность - </h1> +
-
    +
    • -

      снижение количества несчастных случаев

      +

      [01]

    • -

      уменьшение количества ошибок при ТО и ППР

      +

      [02]

    • -

      меньше случаев внеплановой остановки оборудования

      +

      [03]

    • -

      - снижение расходов на закупку реальной техники и оборудования для - обучения -

      +

      [04]

    • -

      сокращение сроков обучения

      +

      [05]

    @@ -68,3 +66,11 @@ export function Pluses() {
); } + +function Plus({ text }: { text: string }) { + return ( +

+ {text} +

+ ); +} diff --git a/src/components/Main/Products.tsx b/src/components/Main/Products.tsx index 6f9cf5b..218ad91 100644 --- a/src/components/Main/Products.tsx +++ b/src/components/Main/Products.tsx @@ -1,12 +1,13 @@ import { useState } from 'react'; import { MiniTitle } from '../../ui/MiniTitle'; +import { Title } from '../../ui/Title'; export function Products() { const [curTab, setCurTab] = useState(0); return ( -
-

+
+ Процесс обучения сотрудников станет безопасней и эффективней с <span className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]" @@ -19,23 +20,21 @@ export function Products() { {' '} продуктами GRAFF.training </span> - </h1> - <div className="desktop:hidden"> - <MiniTitle text="Продукты" /> - </div> + +
setCurTab(0)} text="Промышленные тренажеры" /> setCurTab(1)} text="Симуляторы управления техникой" /> setCurTab(2)} text="Тренажеры для учебных заведений" /> @@ -54,7 +53,7 @@ function TabButton({
diff --git a/src/components/Main/Teaching.tsx b/src/components/Main/Teaching.tsx index 95dbf83..1ad6246 100644 --- a/src/components/Main/Teaching.tsx +++ b/src/components/Main/Teaching.tsx @@ -1,7 +1,9 @@ +import { Title } from '../../ui/Title'; + export function Teaching() { return ( -
-

+
+ <span className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]" style={{ @@ -13,8 +15,8 @@ export function Teaching() { Тренинг модуль{' '} </span> помогает осуществлять координацию между всеми участниками процесса - </h1> - <h1 className="desktop:hidden font-medium text-[40px] leading-10 text-[#ffffff] mobile:mb-6"> + + <span className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]" style={{ @@ -26,7 +28,7 @@ export function Teaching() { Дистанционное обучение </span>{' '} на базе платформы GRAFF TRANING - </h1> +
@@ -35,13 +37,13 @@ export function Teaching() { function TeachingFeaturesForDesktop() { return ( -
+
-

+

Управление процессом

-

+

Назначение сценария обучения
Выбор режима: обучение, тренировка, тестирование @@ -56,10 +58,10 @@ function TeachingFeaturesForDesktop() {

-

+

Управление пользователями

-

+

Добавление, удаление
и назначение ролей

@@ -69,10 +71,10 @@ function TeachingFeaturesForDesktop() {
-

+

Видеозапись обучения

-

+

Фиксация и хранение сессий обучения, тренировки и тестирования. Ретроспектива по пройденной сессии вместе с инструктором

@@ -86,10 +88,10 @@ function TeachingFeaturesForDesktop() {
-

+

Статистика обучения

-

+

Фиксация правильных и неправильных действий.
Отчет об ошибках @@ -116,7 +118,7 @@ function TeachingFeaturesForOtherScreens() { return (

-

+

Управление
пользователями

@@ -131,7 +133,7 @@ function TeachingFeaturesForOtherScreens() {
-

+

Управление процессом

@@ -147,7 +149,7 @@ function TeachingFeaturesForOtherScreens() {

-

+

Видеозапись обучения

@@ -162,7 +164,7 @@ function TeachingFeaturesForOtherScreens() {

-

+

Статистика обучения

diff --git a/src/components/Main/Trainings.tsx b/src/components/Main/Trainings.tsx index 7334313..9b8b7c3 100644 --- a/src/components/Main/Trainings.tsx +++ b/src/components/Main/Trainings.tsx @@ -15,7 +15,7 @@ export function Trainings() { , основываясь на специфике вашего тренировочного процесса

-
+
diff --git a/src/ui/NavLink.tsx b/src/ui/NavLink.tsx index b13307c..ea517c7 100644 --- a/src/ui/NavLink.tsx +++ b/src/ui/NavLink.tsx @@ -4,7 +4,7 @@ export function NavLink({ text, route }: { text: string; route: string }) { return ( diff --git a/src/ui/Title.tsx b/src/ui/Title.tsx new file mode 100644 index 0000000..446c25b --- /dev/null +++ b/src/ui/Title.tsx @@ -0,0 +1,17 @@ +import { PropsWithChildren } from 'react'; + +export function Title({ + children, + className = '', +}: PropsWithChildren<{ className?: string }>) { + return ( +

+ {children} +

+ ); +}