+
Политика конфиденциальности graff.tech
diff --git a/src/components/Main/Availables.tsx b/src/components/Main/Availables.tsx index c1e23ca..18e8561 100644 --- a/src/components/Main/Availables.tsx +++ b/src/components/Main/Availables.tsx @@ -1,9 +1,10 @@ import { MiniTitle } from '../../ui/MiniTitle'; +import { Title } from '../../ui/Title'; export function Availables() { return (
+
<span
className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]"
style={{
@@ -15,7 +16,7 @@ export function Availables() {
Многопользовательский
</span>
<br /> режим обучения
- </h1>
+
+
В одном цифровом пространстве{' '}
могут работать сотрудники, находящиеся в разных помещениях,
@@ -50,7 +51,9 @@ function MultiUserFeature({ text, img }: { text: string; img: string }) {
return (
- {text}
+
+ {text}
+
);
}
diff --git a/src/components/Main/Contacts.tsx b/src/components/Main/Contacts.tsx
index 9020705..d3e1fc4 100644
--- a/src/components/Main/Contacts.tsx
+++ b/src/components/Main/Contacts.tsx
@@ -1,8 +1,10 @@
+import { Title } from '../../ui/Title';
+
export function Contacts() {
return (
-
+
Хотите использовать интерактивные тренажеры в обучении?
<br />
<span
@@ -15,29 +17,29 @@ export function Contacts() {
>
Давайте обсудим детали.
</span>
- </h1>
- <button className="bg-gradient-to-r from-[#798FFF] to-[#D375FF] rounded-[104px] py-4 px-6 flex font-semibold desktop:text-lg desktop:leading-[18px] mobile:text-base mobile:leading-4 text-[#ffffff] justify-between desktop:min-w-[368px] tablet:max-desktop:min-w-[332px] mobile:max-tablet:w-full items-center">
+
+
-
+
Свяжитесь с нами
-
-
+
Социальные сети
diff --git a/src/components/Main/Distance.tsx b/src/components/Main/Distance.tsx
index 88b60b9..668abdb 100644
--- a/src/components/Main/Distance.tsx
+++ b/src/components/Main/Distance.tsx
@@ -1,7 +1,9 @@
+import { Title } from '../../ui/Title';
+
export function Distance() {
return (
-
+
Платформа GRAFF.training поволяет осуществлять{' '}
<span
className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]"
@@ -14,10 +16,10 @@ export function Distance() {
дистанционное обучение
</span>{' '}
с любого устройства
- </h1>
+
-
+
Обучающиеся будут получать доступ к системе с высоко
детализированной 3D графикой для прохождения сценариев на любом
устройстве, без необходимости установки дополнительного ПО.
diff --git a/src/components/Main/Events.tsx b/src/components/Main/Events.tsx
index 1a94193..47a4d33 100644
--- a/src/components/Main/Events.tsx
+++ b/src/components/Main/Events.tsx
@@ -1,5 +1,6 @@
import { Link } from 'react-router-dom';
import { MiniTitle } from '../../ui/MiniTitle';
+import { PropsWithChildren } from 'react';
export function Events() {
return (
@@ -9,9 +10,9 @@ export function Events() {
-
+
Макет кабины машиниста «Иволга» на выставке ВДНХ
-
+
-
- Победа на BuildUP 2023 в номинации IT
-
+ Победа на BuildUP 2023 в номинации IT
+
Транспортное и специальное тренажеростроение — 2023
-
+
+ {children}
+
+ );
+}
+
function LinkButton({ href }: { href: string }) {
return (
как это было 
diff --git a/src/components/Main/Projects.tsx b/src/components/Main/Projects.tsx
index ea1efc4..78f2be6 100644
--- a/src/components/Main/Projects.tsx
+++ b/src/components/Main/Projects.tsx
@@ -1,11 +1,12 @@
import { useEffect, useMemo, useReducer, useState } from 'react';
import { MiniTitle } from '../../ui/MiniTitle';
import { useWindowWidth } from '../../hooks/useWindowWidth';
+import { Title } from '../../ui/Title';
export function Projects() {
return (
-
+
<span
className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]"
style={{
@@ -17,7 +18,7 @@ export function Projects() {
Большой опыт в работе
</span>{' '}
с промышленными предприятиями и учебными заведениями
- </h1>
+
-
+
{title}
{tags.map(tag => (
{tag}
diff --git a/src/components/Main/Teaching.tsx b/src/components/Main/Teaching.tsx
index 1ad6246..86e0187 100644
--- a/src/components/Main/Teaching.tsx
+++ b/src/components/Main/Teaching.tsx
@@ -1,3 +1,4 @@
+import { PropsWithChildren } from 'react';
import { Title } from '../../ui/Title';
export function Teaching() {
@@ -39,15 +40,15 @@ function TeachingFeaturesForDesktop() {
return (
-
-
+
+
Управление процессом
-
-
+
+
Назначение сценария обучения
Выбор режима: обучение, тренировка, тестирование
-
+
-
-
+
+
Управление пользователями
-
-
+
+
Добавление, удаление
и назначение ролей
-
+
-
+
Видеозапись обучения
-
-
+
+
Фиксация и хранение сессий обучения, тренировки и тестирования.
Ретроспектива по пройденной сессии вместе с инструктором
-
+
-
-
+
+
Статистика обучения
-
-
+
+
Фиксация правильных и неправильных действий.
Отчет об ошибках
-
+
![]()
) {
+ return (
+
+ {children}
+
+ );
+}
+
+function TeachingFeatureDescription({
+ className = '',
+ children,
+}: PropsWithChildren<{
+ className?: string;
+}>) {
+ return (
+
+ {children}
+
+ );
+}
+
function TeachingFeaturesForOtherScreens() {
return (
-
+
Управление
пользователями
-
-
+
+
Добавление, удаление и назначение ролей
-
+
-
+
Управление процессом
-
-
+
+
Назначение сценария обучения
- Выбор режима: обучение, тренировка, тестирование
-
+ Выбор режима: обучение, тренировка, тестирование{' '}
+
-
+
Видеозапись обучения
-
-
+
+
Фиксация и хранение сессий обучения, тренировки и тестирования.
Ретроспектива по пройденной сессии вместе с инструктором
-
+
-
+
Статистика обучения
-
-
- Фиксация правильных и неправильных действий.
-
+
+
+ Фиксация правильных и неправильных действий.
Отчет об ошибках
-
+
![]()
-
+
{title}
-
+
{text}
@@ -68,7 +68,7 @@ function TrainingsFeature({
-
+
{order}
@@ -77,7 +77,7 @@ function TrainingsFeature({
className="mobile:max-tablet:hidden tablet-figma:hidden"
alt=""
/>
-
+
{order}
+
В одном цифровом пространстве{' '}
могут работать сотрудники, находящиеся в разных помещениях,
@@ -50,7 +51,9 @@ function MultiUserFeature({ text, img }: { text: string; img: string }) {
return (
{text}
+ {text}
+
+
Обучающиеся будут получать доступ к системе с высоко
детализированной 3D графикой для прохождения сценариев на любом
устройстве, без необходимости установки дополнительного ПО.
diff --git a/src/components/Main/Events.tsx b/src/components/Main/Events.tsx
index 1a94193..47a4d33 100644
--- a/src/components/Main/Events.tsx
+++ b/src/components/Main/Events.tsx
@@ -1,5 +1,6 @@
import { Link } from 'react-router-dom';
import { MiniTitle } from '../../ui/MiniTitle';
+import { PropsWithChildren } from 'react';
export function Events() {
return (
@@ -9,9 +10,9 @@ export function Events() {
{tag}
+
+
+
+
+
+ {children}
+
+
+
+
+
+
+
- Фиксация правильных и неправильных действий.
-
+
{text}
+
{order}
+
{order}
-
+
+
Свяжитесь с нами
+
Социальные сети
+
+
+
- Победа на BuildUP 2023 в номинации IT
-
+
+
+
+ {children}
+
+ );
+}
+
function LinkButton({ href }: { href: string }) {
return (
как это было
diff --git a/src/components/Main/Projects.tsx b/src/components/Main/Projects.tsx
index ea1efc4..78f2be6 100644
--- a/src/components/Main/Projects.tsx
+++ b/src/components/Main/Projects.tsx
@@ -1,11 +1,12 @@
import { useEffect, useMemo, useReducer, useState } from 'react';
import { MiniTitle } from '../../ui/MiniTitle';
import { useWindowWidth } from '../../hooks/useWindowWidth';
+import { Title } from '../../ui/Title';
export function Projects() {
return (
+
+
{title}
+
Выбор режима: обучение, тренировка, тестирование
-
+
+
и назначение ролей
-
+
+
-
+
Отчет об ошибках
-
+ ) {
+ return (
+
+ {children}
+
+ );
+}
+
+function TeachingFeatureDescription({
+ className = '',
+ children,
+}: PropsWithChildren<{
+ className?: string;
+}>) {
+ return (
+
+
-
пользователями
-
+
-
- Выбор режима: обучение, тренировка, тестирование
-
+
-
+
-
+
+
Отчет об ошибках
-
+
{title}
-
-