diff --git a/src/Layout.tsx b/src/Layout.tsx
index e80e83e..91a51b0 100644
--- a/src/Layout.tsx
+++ b/src/Layout.tsx
@@ -9,7 +9,6 @@ export default function Layout() {
- 1
diff --git a/src/assets/chat.svg b/src/assets/chat.svg
new file mode 100644
index 0000000..2767e9a
--- /dev/null
+++ b/src/assets/chat.svg
@@ -0,0 +1,145 @@
+
diff --git a/src/assets/manage_video.svg b/src/assets/manage_video.svg
new file mode 100644
index 0000000..9db6282
--- /dev/null
+++ b/src/assets/manage_video.svg
@@ -0,0 +1,40 @@
+
diff --git a/src/assets/master_card.svg b/src/assets/master_card.svg
new file mode 100644
index 0000000..572527a
--- /dev/null
+++ b/src/assets/master_card.svg
@@ -0,0 +1,18 @@
+
diff --git a/src/assets/modal.svg b/src/assets/modal.svg
new file mode 100644
index 0000000..7f02633
--- /dev/null
+++ b/src/assets/modal.svg
@@ -0,0 +1,83 @@
+
diff --git a/src/assets/pinned_windows.jpg b/src/assets/pinned_windows.jpg
new file mode 100644
index 0000000..5da0dc4
Binary files /dev/null and b/src/assets/pinned_windows.jpg differ
diff --git a/src/assets/pinned_windows.svg b/src/assets/pinned_windows.svg
new file mode 100644
index 0000000..f3e990b
--- /dev/null
+++ b/src/assets/pinned_windows.svg
@@ -0,0 +1,62 @@
+
diff --git a/src/assets/schedule.svg b/src/assets/schedule.svg
new file mode 100644
index 0000000..6cd69c2
--- /dev/null
+++ b/src/assets/schedule.svg
@@ -0,0 +1,46 @@
+
diff --git a/src/assets/stats.svg b/src/assets/stats.svg
new file mode 100644
index 0000000..b50abaf
--- /dev/null
+++ b/src/assets/stats.svg
@@ -0,0 +1,61 @@
+
diff --git a/src/components/Distance.tsx b/src/components/Distance.tsx
index e63ca85..715b96c 100644
--- a/src/components/Distance.tsx
+++ b/src/components/Distance.tsx
@@ -1,3 +1,184 @@
export function Distance() {
- return
;
+ return (
+
+
+
+ Тренинг модуль{' '}
+
+ помогает осуществлять координацию между всеми участниками процесса
+
+
+
+ Дистанционное обучение
+ {' '}
+ на базе платформы GRAFF TRANING
+
+ {/* */}
+
+
+ );
+}
+
+function DistanceFeatures() {
+ return (
+
+
+
+
+ Управление процессом
+
+
+ Назначение сценария обучения
+
+ Выбор режима: обучение, тренировка, тестирование
+
+
+

+
+
+
+
+
+ Управление пользователями
+
+
+ Добавление, удаление
+
и назначение ролей
+
+
+

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

+
+
+
+
+
+ Статистика обучения
+
+
+ Фиксация правильных и неправильных действий.
+
+ Отчет об ошибках
+
+
+
+

+

+
+
+
+ );
+}
+
+function GridDistanceFeatures() {
+ return (
+
+
+
+ Управление
+
пользователями
+
+
+ Добавление, удаление и назначение ролей
+
+

+
+
+
+
+ Управление процессом
+
+
+ Назначение сценария обучения
+
+ Выбор режима: обучение, тренировка, тестирование
+
+

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

+
+
+
+
+ Статистика обучения
+
+
+ Фиксация правильных и неправильных действий.
+
+ Отчет об ошибках
+
+
+

+

+
+
+
+ );
}
diff --git a/src/components/Main/Process.tsx b/src/components/Main/Process.tsx
new file mode 100644
index 0000000..5ae4562
--- /dev/null
+++ b/src/components/Main/Process.tsx
@@ -0,0 +1,111 @@
+export function Process() {
+ return (
+
+
+ Процесс обучения сотрудников станет безопасней и эффективней с
+
+ {' '}
+ продуктами GRAFF.training
+
+
+
+
+ Продукты
+
+
+
+
+
+
+
+
+ );
+}
+
+function TabButton({ text }: { text: string }) {
+ return (
+
+ );
+}
+
+function TeachingItem({
+ title,
+ text,
+ iconType,
+}: {
+ title: string;
+ text: string;
+ iconType: 'danger' | 'service' | 'safety';
+}) {
+ return (
+
+

+
+
+
+ {title}
+
+
{text}
+
+
+ );
+}
+
+function TeachingItems() {
+ return (
+
+
+
+
+
+ Промышленные тренажеры виртуальной реальности
+
+
+ Может быть еще какой-нибудь небольшой текст, а то мне не хватает
+ для балланса. Ну если не будет, то как-нибудь переживем
+
+

+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/Process.tsx b/src/components/Process.tsx
deleted file mode 100644
index de3a736..0000000
--- a/src/components/Process.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-import { useWindowWidth } from '../hooks/useWindowWidth';
-
-export function Process() {
- const width = useWindowWidth();
-
- return (
-
-
- Процесс обучения сотрудников станет безопасней и эффективней с
-
- {' '}
- продуктами GRAFF.training
-
-
-
-
- Продукты
-
-
-
-
-
-
- {width >= 1024 ? (
-
-
-
- Промышленные тренажеры виртуальной реальности
-
-
-
-

-
-
- обучение навыкам работы на опасных производствах
-
-
- Отработка проведения технологических операций: оказание
- первой помощи, работы на высоте, работа с доменной печью и
- т.п.
-
-
-
-
-

-
-
- обучение обслуживанию и ремонту оборудования, систем,
- техники
-
-
- отработка определения неисправностей оборудования и
- выполнения ремонтных работ на цифровом двойнике
-
-
-
-
-

-
-
- обучение правилам промышленной безопасности и охраны труда{' '}
-
-
- отработка плана мероприятий по локализации и ликвидации
- последствий аварий.
-
-
-
-
-
-
- ) : (
-
-
-
-
- Промышленные тренажеры виртуальной реальности{' '}
-
-
- Может быть еще какой-нибудь небольшой текст, а то мне не хватает
- для балланса. Ну если не будет, то как-нибудь переживем
-
-
-
-
-
-

-
-
- обучение навыкам работы на опасных производствах
-
-
- Отработка проведения технологических операций: оказание первой
- помощи, работы на высоте, работа с доменной печью и т.п.
-
-
-
-
-

-
-
- обучение обслуживанию и ремонту оборудования, систем, техники
-
-
- отработка определения неисправностей оборудования и выполнения
- ремонтных работ на цифровом двойнике
-
-
-
-
-

-
-
- обучение правилам промышленной безопасности и охраны труда{' '}
-
-
- отработка плана мероприятий по локализации и ликвидации
- последствий аварий.
-
-
-
-
-
- )}
-
- );
-}
-
-function TabButton({ text }: { text: string }) {
- return (
-
- );
-}
-
-function TeachingItem({
- title,
- text,
- iconType,
-}: {
- title: string;
- text: string;
- iconType: 'danger' | 'service' | 'safety';
-}) {
- return (
-
-

-
-
- );
-}
diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx
index 62a2988..f539622 100644
--- a/src/pages/MainPage.tsx
+++ b/src/pages/MainPage.tsx
@@ -1,7 +1,8 @@
import { Video } from '../components/Main/Video';
import { Pluses } from '../components/Main/Pluses';
import { Figures } from '../components/Main/Figures';
-import { Process } from '../components/Process';
+import { Process } from '../components/Main/Process';
+import { Distance } from '../components/Distance';
export function MainPage() {
return (
@@ -10,6 +11,7 @@ export function MainPage() {
+
>
);
}