Initial commit: SECURE-T project with complete documentation
This commit is contained in:
albivkt
491
SECURE-T_Documentation.md
Normal file
491
SECURE-T_Documentation.md
Normal file
@ -0,0 +1,491 @@
|
|||||||
|
# SECURE-T - Документация
|
||||||
|
|
||||||
|
## Содержание
|
||||||
|
1. [Обзор системы](#обзор-системы)
|
||||||
|
2. [Основные решения](#основные-решения)
|
||||||
|
3. [Технологии](#технологии)
|
||||||
|
4. [Архитектура](#архитектура)
|
||||||
|
5. [Установка и настройка](#установка-и-настройка)
|
||||||
|
6. [Руководство пользователя](#руководство-пользователя)
|
||||||
|
7. [API документация](#api-документация)
|
||||||
|
8. [Безопасность](#безопасность)
|
||||||
|
9. [Поддержка](#поддержка)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Обзор системы
|
||||||
|
|
||||||
|
**SECURE-T** — это комплексная система информационной безопасности, разработанная для защиты корпоративных данных и IT-инфраструктуры от современных киберугроз.
|
||||||
|
|
||||||
|
### Основные преимущества
|
||||||
|
- ✅ Комплексная защита данных
|
||||||
|
- ✅ Современные криптографические алгоритмы
|
||||||
|
- ✅ Интеграция с существующей инфраструктурой
|
||||||
|
- ✅ Централизованное управление безопасностью
|
||||||
|
- ✅ Соответствие российским и международным стандартам
|
||||||
|
|
||||||
|
### Целевая аудитория
|
||||||
|
- Крупные корпорации
|
||||||
|
- Государственные учреждения
|
||||||
|
- Финансовые организации
|
||||||
|
- Медицинские учреждения
|
||||||
|
- Образовательные институты
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Основные решения
|
||||||
|
|
||||||
|
### 🔐 Криптографическая защита
|
||||||
|
Обеспечивает надежное шифрование данных с использованием современных алгоритмов.
|
||||||
|
|
||||||
|
**Возможности:**
|
||||||
|
- Шифрование файлов и баз данных
|
||||||
|
- Защита каналов связи
|
||||||
|
- Цифровая подпись документов
|
||||||
|
- Управление ключами шифрования
|
||||||
|
|
||||||
|
**Поддерживаемые алгоритмы:**
|
||||||
|
- AES-256 (симметричное шифрование)
|
||||||
|
- RSA-4096 (асимметричное шифрование)
|
||||||
|
- SHA-3 (хеширование)
|
||||||
|
|
||||||
|
### 🛡️ Сетевая безопасность
|
||||||
|
Комплексная защита сетевой инфраструктуры от внешних и внутренних угроз.
|
||||||
|
|
||||||
|
**Компоненты:**
|
||||||
|
- Межсетевые экраны (Firewall)
|
||||||
|
- Системы обнаружения вторжений (IDS/IPS)
|
||||||
|
- Веб-защита (WAF)
|
||||||
|
- VPN-шлюзы
|
||||||
|
|
||||||
|
**Функции:**
|
||||||
|
- Фильтрация трафика
|
||||||
|
- Блокировка вредоносных соединений
|
||||||
|
- Мониторинг сетевой активности
|
||||||
|
- Защита от DDoS-атак
|
||||||
|
|
||||||
|
### 📊 Мониторинг безопасности
|
||||||
|
Система непрерывного мониторинга и анализа событий безопасности.
|
||||||
|
|
||||||
|
**Возможности:**
|
||||||
|
- Сбор и анализ журналов событий
|
||||||
|
- Корреляция инцидентов
|
||||||
|
- Автоматическое реагирование на угрозы
|
||||||
|
- Генерация отчетов о безопасности
|
||||||
|
|
||||||
|
**Интеграция с SIEM:**
|
||||||
|
- Централизованный сбор данных
|
||||||
|
- Анализ в реальном времени
|
||||||
|
- Настраиваемые правила корреляции
|
||||||
|
- Панель управления безопасностью
|
||||||
|
|
||||||
|
### 🔍 Аудит безопасности
|
||||||
|
Проведение комплексного анализа систем информационной безопасности.
|
||||||
|
|
||||||
|
**Виды аудита:**
|
||||||
|
- Технический аудит инфраструктуры
|
||||||
|
- Аудит соответствия стандартам
|
||||||
|
- Анализ уязвимостей
|
||||||
|
- Оценка рисков информационной безопасности
|
||||||
|
|
||||||
|
### ⚙️ Интеграция систем
|
||||||
|
Бесшовная интеграция с существующей IT-инфраструктурой.
|
||||||
|
|
||||||
|
**Поддерживаемые системы:**
|
||||||
|
- Active Directory
|
||||||
|
- LDAP
|
||||||
|
- Oracle Database
|
||||||
|
- Microsoft SQL Server
|
||||||
|
- VMware vCenter
|
||||||
|
- Cisco Network Equipment
|
||||||
|
|
||||||
|
### 📚 Обучение персонала
|
||||||
|
Комплексные программы повышения квалификации в области информационной безопасности.
|
||||||
|
|
||||||
|
**Программы обучения:**
|
||||||
|
- Основы информационной безопасности
|
||||||
|
- Работа с системами SECURE-T
|
||||||
|
- Реагирование на инциденты
|
||||||
|
- Администрирование систем безопасности
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Технологии
|
||||||
|
|
||||||
|
### Криптографические технологии
|
||||||
|
| Технология | Назначение | Стандарт |
|
||||||
|
|------------|------------|----------|
|
||||||
|
| **AES-256** | Симметричное шифрование данных | FIPS 197 |
|
||||||
|
| **RSA-4096** | Асимметричное шифрование | PKCS #1 |
|
||||||
|
| **SHA-3** | Криптографическое хеширование | FIPS 202 |
|
||||||
|
| **PKI** | Инфраструктура открытых ключей | RFC 5280 |
|
||||||
|
|
||||||
|
### Системы безопасности
|
||||||
|
| Технология | Описание |
|
||||||
|
|------------|----------|
|
||||||
|
| **SIEM** | Управление информацией и событиями безопасности |
|
||||||
|
| **DLP** | Предотвращение утечек данных |
|
||||||
|
| **WAF** | Веб-защита приложений |
|
||||||
|
| **IDS/IPS** | Обнаружение и предотвращение вторжений |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Архитектура
|
||||||
|
|
||||||
|
### Архитектурная схема
|
||||||
|
```
|
||||||
|
┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐
|
||||||
|
│ Пользователи │ │ Приложения │ │ Данные │
|
||||||
|
└─────────┬───────┘ └─────────┬───────┘ └─────────┬───────┘
|
||||||
|
│ │ │
|
||||||
|
▼ ▼ ▼
|
||||||
|
┌─────────────────────────────────────────────────────────────────┐
|
||||||
|
│ SECURE-T Platform │
|
||||||
|
├─────────────────┬─────────────────┬─────────────────────────────┤
|
||||||
|
│ Аутентификация │ Авторизация │ Аудит │
|
||||||
|
├─────────────────┼─────────────────┼─────────────────────────────┤
|
||||||
|
│ Шифрование │ Мониторинг │ Управление │
|
||||||
|
└─────────────────┴─────────────────┴─────────────────────────────┘
|
||||||
|
```
|
||||||
|
|
||||||
|
### Компоненты системы
|
||||||
|
|
||||||
|
#### Центр управления безопасностью (SOC)
|
||||||
|
- Централизованная консоль управления
|
||||||
|
- Мониторинг в реальном времени
|
||||||
|
- Управление инцидентами
|
||||||
|
- Отчетность и аналитика
|
||||||
|
|
||||||
|
#### Модуль криптографической защиты
|
||||||
|
- Управление ключами шифрования
|
||||||
|
- Шифрование/дешифрование данных
|
||||||
|
- Цифровая подпись
|
||||||
|
- Проверка целостности
|
||||||
|
|
||||||
|
#### Сетевой модуль безопасности
|
||||||
|
- Межсетевые экраны
|
||||||
|
- Системы обнаружения вторжений
|
||||||
|
- VPN-шлюзы
|
||||||
|
- Анализ трафика
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Установка и настройка
|
||||||
|
|
||||||
|
### Системные требования
|
||||||
|
|
||||||
|
#### Минимальные требования
|
||||||
|
- **ОС:** Windows Server 2019/2022, Linux (Ubuntu 20.04+, CentOS 8+)
|
||||||
|
- **Процессор:** Intel Xeon E5-2600 v4 или аналогичный
|
||||||
|
- **ОЗУ:** 16 GB
|
||||||
|
- **Дисковое пространство:** 500 GB SSD
|
||||||
|
- **Сеть:** Gigabit Ethernet
|
||||||
|
|
||||||
|
#### Рекомендуемые требования
|
||||||
|
- **Процессор:** Intel Xeon Gold 6200 или аналогичный
|
||||||
|
- **ОЗУ:** 64 GB
|
||||||
|
- **Дисковое пространство:** 2 TB NVMe SSD
|
||||||
|
- **Сеть:** 10 Gigabit Ethernet
|
||||||
|
|
||||||
|
### Процедура установки
|
||||||
|
|
||||||
|
#### 1. Подготовка инфраструктуры
|
||||||
|
```bash
|
||||||
|
# Обновление системы
|
||||||
|
sudo apt update && sudo apt upgrade -y
|
||||||
|
|
||||||
|
# Установка зависимостей
|
||||||
|
sudo apt install -y docker.io docker-compose postgresql-client
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 2. Установка SECURE-T
|
||||||
|
```bash
|
||||||
|
# Загрузка установочного пакета
|
||||||
|
wget https://releases.secure-t.com/latest/secure-t-installer.tar.gz
|
||||||
|
|
||||||
|
# Распаковка
|
||||||
|
tar -xzf secure-t-installer.tar.gz
|
||||||
|
|
||||||
|
# Запуск установки
|
||||||
|
sudo ./install.sh
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 3. Первоначальная настройка
|
||||||
|
```bash
|
||||||
|
# Инициализация базы данных
|
||||||
|
secure-t-admin init-db
|
||||||
|
|
||||||
|
# Создание администратора
|
||||||
|
secure-t-admin create-admin --username admin --password <password>
|
||||||
|
|
||||||
|
# Запуск сервисов
|
||||||
|
systemctl start secure-t
|
||||||
|
systemctl enable secure-t
|
||||||
|
```
|
||||||
|
|
||||||
|
### Конфигурация
|
||||||
|
|
||||||
|
#### Основной файл конфигурации
|
||||||
|
```yaml
|
||||||
|
# /etc/secure-t/config.yaml
|
||||||
|
server:
|
||||||
|
host: "0.0.0.0"
|
||||||
|
port: 8443
|
||||||
|
ssl:
|
||||||
|
enabled: true
|
||||||
|
cert_file: "/etc/secure-t/ssl/server.crt"
|
||||||
|
key_file: "/etc/secure-t/ssl/server.key"
|
||||||
|
|
||||||
|
database:
|
||||||
|
type: "postgresql"
|
||||||
|
host: "localhost"
|
||||||
|
port: 5432
|
||||||
|
name: "secure_t"
|
||||||
|
username: "secure_t_user"
|
||||||
|
password: "secure_password"
|
||||||
|
|
||||||
|
crypto:
|
||||||
|
default_algorithm: "AES-256-GCM"
|
||||||
|
key_derivation: "PBKDF2"
|
||||||
|
hash_algorithm: "SHA-3-256"
|
||||||
|
|
||||||
|
logging:
|
||||||
|
level: "INFO"
|
||||||
|
file: "/var/log/secure-t/secure-t.log"
|
||||||
|
max_size: "100MB"
|
||||||
|
max_files: 10
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Руководство пользователя
|
||||||
|
|
||||||
|
### Веб-интерфейс
|
||||||
|
|
||||||
|
#### Вход в систему
|
||||||
|
1. Откройте браузер и перейдите по адресу: `https://your-server:8443`
|
||||||
|
2. Введите логин и пароль
|
||||||
|
3. Пройдите двухфакторную аутентификацию (если настроена)
|
||||||
|
|
||||||
|
#### Главная панель управления
|
||||||
|
- **Дашборд** - общая информация о состоянии безопасности
|
||||||
|
- **События** - журнал событий безопасности
|
||||||
|
- **Политики** - настройка политик безопасности
|
||||||
|
- **Пользователи** - управление пользователями и ролями
|
||||||
|
- **Отчеты** - генерация отчетов
|
||||||
|
|
||||||
|
### Основные операции
|
||||||
|
|
||||||
|
#### Создание политики шифрования
|
||||||
|
1. Перейдите в раздел "Политики"
|
||||||
|
2. Нажмите "Создать новую политику"
|
||||||
|
3. Выберите тип данных для шифрования
|
||||||
|
4. Настройте параметры шифрования
|
||||||
|
5. Примените политику к нужным ресурсам
|
||||||
|
|
||||||
|
#### Мониторинг событий
|
||||||
|
1. Откройте раздел "События"
|
||||||
|
2. Используйте фильтры для поиска нужных событий
|
||||||
|
3. Просмотрите детали события
|
||||||
|
4. При необходимости создайте инцидент
|
||||||
|
|
||||||
|
#### Управление пользователями
|
||||||
|
1. Перейдите в раздел "Пользователи"
|
||||||
|
2. Добавьте нового пользователя
|
||||||
|
3. Назначьте роли и права доступа
|
||||||
|
4. Настройте двухфакторную аутентификацию
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## API документация
|
||||||
|
|
||||||
|
### Аутентификация
|
||||||
|
|
||||||
|
Все API запросы должны содержать токен аутентификации в заголовке:
|
||||||
|
```
|
||||||
|
Authorization: Bearer <your-token>
|
||||||
|
```
|
||||||
|
|
||||||
|
### Получение токена
|
||||||
|
```http
|
||||||
|
POST /api/v1/auth/login
|
||||||
|
Content-Type: application/json
|
||||||
|
|
||||||
|
{
|
||||||
|
"username": "admin",
|
||||||
|
"password": "password"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Ответ:**
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
|
||||||
|
"expires_in": 3600
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Основные эндпоинты
|
||||||
|
|
||||||
|
#### Управление пользователями
|
||||||
|
```http
|
||||||
|
GET /api/v1/users
|
||||||
|
POST /api/v1/users
|
||||||
|
PUT /api/v1/users/{id}
|
||||||
|
DELETE /api/v1/users/{id}
|
||||||
|
```
|
||||||
|
|
||||||
|
#### События безопасности
|
||||||
|
```http
|
||||||
|
GET /api/v1/events
|
||||||
|
GET /api/v1/events/{id}
|
||||||
|
POST /api/v1/events/search
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Политики безопасности
|
||||||
|
```http
|
||||||
|
GET /api/v1/policies
|
||||||
|
POST /api/v1/policies
|
||||||
|
PUT /api/v1/policies/{id}
|
||||||
|
DELETE /api/v1/policies/{id}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Примеры использования
|
||||||
|
|
||||||
|
#### Получение списка событий
|
||||||
|
```bash
|
||||||
|
curl -X GET \
|
||||||
|
https://your-server:8443/api/v1/events \
|
||||||
|
-H 'Authorization: Bearer <token>' \
|
||||||
|
-H 'Content-Type: application/json'
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Создание нового пользователя
|
||||||
|
```bash
|
||||||
|
curl -X POST \
|
||||||
|
https://your-server:8443/api/v1/users \
|
||||||
|
-H 'Authorization: Bearer <token>' \
|
||||||
|
-H 'Content-Type: application/json' \
|
||||||
|
-d '{
|
||||||
|
"username": "newuser",
|
||||||
|
"email": "user@example.com",
|
||||||
|
"role": "operator"
|
||||||
|
}'
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Безопасность
|
||||||
|
|
||||||
|
### Рекомендации по безопасности
|
||||||
|
|
||||||
|
#### Настройка SSL/TLS
|
||||||
|
- Используйте только TLS 1.2 или выше
|
||||||
|
- Настройте сильные шифры
|
||||||
|
- Регулярно обновляйте SSL-сертификаты
|
||||||
|
|
||||||
|
#### Управление паролями
|
||||||
|
- Минимальная длина пароля: 12 символов
|
||||||
|
- Обязательное использование спецсимволов
|
||||||
|
- Регулярная смена паролей (каждые 90 дней)
|
||||||
|
- Запрет на повторное использование последних 12 паролей
|
||||||
|
|
||||||
|
#### Двухфакторная аутентификация
|
||||||
|
- Обязательна для всех администраторов
|
||||||
|
- Поддержка TOTP (Google Authenticator, Authy)
|
||||||
|
- Резервные коды для восстановления доступа
|
||||||
|
|
||||||
|
#### Аудит и мониторинг
|
||||||
|
- Включите детальное логирование всех операций
|
||||||
|
- Настройте автоматические уведомления о критических событиях
|
||||||
|
- Регулярно проводите анализ журналов безопасности
|
||||||
|
|
||||||
|
### Соответствие стандартам
|
||||||
|
|
||||||
|
SECURE-T соответствует следующим стандартам:
|
||||||
|
- **ГОСТ Р 57580.1-2017** - Безопасность финансовых услуг
|
||||||
|
- **ISO 27001** - Системы менеджмента информационной безопасности
|
||||||
|
- **NIST Cybersecurity Framework** - Основы кибербезопасности
|
||||||
|
- **PCI DSS** - Стандарт безопасности данных платежных карт
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Поддержка
|
||||||
|
|
||||||
|
### Техническая поддержка
|
||||||
|
|
||||||
|
#### Контактная информация
|
||||||
|
- **Email:** support@secure-t.com
|
||||||
|
- **Телефон:** +7 (495) 123-45-67
|
||||||
|
- **Время работы:** 24/7
|
||||||
|
|
||||||
|
#### Уровни поддержки
|
||||||
|
- **Критический** - отклик в течение 1 часа
|
||||||
|
- **Высокий** - отклик в течение 4 часов
|
||||||
|
- **Средний** - отклик в течение 8 часов
|
||||||
|
- **Низкий** - отклик в течение 24 часов
|
||||||
|
|
||||||
|
### Обновления и патчи
|
||||||
|
|
||||||
|
#### Автоматические обновления
|
||||||
|
```bash
|
||||||
|
# Включение автоматических обновлений
|
||||||
|
secure-t-admin config set auto-update enabled
|
||||||
|
|
||||||
|
# Настройка расписания обновлений
|
||||||
|
secure-t-admin config set update-schedule "0 2 * * 0"
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Ручные обновления
|
||||||
|
```bash
|
||||||
|
# Проверка доступных обновлений
|
||||||
|
secure-t-admin update check
|
||||||
|
|
||||||
|
# Установка обновлений
|
||||||
|
secure-t-admin update install
|
||||||
|
|
||||||
|
# Откат к предыдущей версии
|
||||||
|
secure-t-admin update rollback
|
||||||
|
```
|
||||||
|
|
||||||
|
### Документация и ресурсы
|
||||||
|
|
||||||
|
#### Дополнительные материалы
|
||||||
|
- 📄 **Техническая документация** - подробные руководства по настройке
|
||||||
|
- 🎯 **Методические материалы** - лучшие практики безопасности
|
||||||
|
- 🔧 **Инструменты настройки** - утилиты для конфигурирования
|
||||||
|
- 📊 **Отчеты и аналитика** - шаблоны отчетов
|
||||||
|
- 🎓 **Обучающие материалы** - курсы и тренинги
|
||||||
|
- 📋 **Сертификаты и лицензии** - документы о соответствии
|
||||||
|
|
||||||
|
#### Полезные ссылки
|
||||||
|
- [Официальный сайт](https://secure-t.com)
|
||||||
|
- [База знаний](https://kb.secure-t.com)
|
||||||
|
- [Форум сообщества](https://community.secure-t.com)
|
||||||
|
- [GitHub репозиторий](https://github.com/secure-t/secure-t)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Приложения
|
||||||
|
|
||||||
|
### Приложение A: Коды ошибок
|
||||||
|
| Код | Описание | Решение |
|
||||||
|
|-----|----------|---------|
|
||||||
|
| ST-001 | Ошибка аутентификации | Проверьте логин и пароль |
|
||||||
|
| ST-002 | Недостаточно прав | Обратитесь к администратору |
|
||||||
|
| ST-003 | Ошибка шифрования | Проверьте настройки криптографии |
|
||||||
|
| ST-004 | Сетевая ошибка | Проверьте сетевые подключения |
|
||||||
|
|
||||||
|
### Приложение B: Глоссарий
|
||||||
|
- **AES** - Advanced Encryption Standard, стандарт шифрования
|
||||||
|
- **DLP** - Data Loss Prevention, предотвращение утечек данных
|
||||||
|
- **IDS/IPS** - Intrusion Detection/Prevention System
|
||||||
|
- **PKI** - Public Key Infrastructure, инфраструктура открытых ключей
|
||||||
|
- **SIEM** - Security Information and Event Management
|
||||||
|
- **WAF** - Web Application Firewall, веб-защита приложений
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*Документация SECURE-T версия 1.0*
|
||||||
|
*Последнее обновление: 2024*
|
||||||
|
*© GUNDYREV. Все права защищены.*
|
||||||
138
docs/README.md
Normal file
138
docs/README.md
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
# Документация SECURE-T
|
||||||
|
|
||||||
|
Добро пожаловать в документацию системы информационной безопасности **SECURE-T**!
|
||||||
|
|
||||||
|
## 📚 Доступные документы
|
||||||
|
|
||||||
|
### Основная документация
|
||||||
|
- **[Полная документация](SECURE-T_Documentation.md)** - Подробное руководство по всем аспектам системы
|
||||||
|
- **[Руководство по быстрому старту](SECURE-T_Quick_Start.md)** - Быстрое развертывание и настройка
|
||||||
|
|
||||||
|
### Технические материалы
|
||||||
|
- **[Примеры конфигурации](SECURE-T_Configuration_Examples.md)** - Готовые конфигурации для различных сценариев
|
||||||
|
- **[API документация](API_Reference.md)** - Справочник по REST API
|
||||||
|
- **[Руководство администратора](Admin_Guide.md)** - Подробное руководство для администраторов
|
||||||
|
|
||||||
|
### Обучающие материалы
|
||||||
|
- **[Руководство пользователя](User_Guide.md)** - Инструкции для конечных пользователей
|
||||||
|
- **[Лучшие практики](Best_Practices.md)** - Рекомендации по безопасности
|
||||||
|
- **[Устранение неполадок](Troubleshooting.md)** - Решение типичных проблем
|
||||||
|
|
||||||
|
## 🚀 Быстрый старт
|
||||||
|
|
||||||
|
Для быстрого начала работы с SECURE-T:
|
||||||
|
|
||||||
|
1. Прочитайте [Руководство по быстрому старту](SECURE-T_Quick_Start.md)
|
||||||
|
2. Изучите [Примеры конфигурации](SECURE-T_Configuration_Examples.md)
|
||||||
|
3. Следуйте инструкциям по установке
|
||||||
|
|
||||||
|
## 🔧 Основные возможности
|
||||||
|
|
||||||
|
### Криптографическая защита
|
||||||
|
- Шифрование данных с использованием AES-256
|
||||||
|
- Асимметричное шифрование RSA-4096
|
||||||
|
- Управление ключами и PKI
|
||||||
|
- Цифровая подпись документов
|
||||||
|
|
||||||
|
### Сетевая безопасность
|
||||||
|
- Межсетевые экраны (Firewall)
|
||||||
|
- Системы обнаружения вторжений (IDS/IPS)
|
||||||
|
- Веб-защита (WAF)
|
||||||
|
- VPN-шлюзы
|
||||||
|
|
||||||
|
### Мониторинг и аналитика
|
||||||
|
- SIEM интеграция
|
||||||
|
- Мониторинг событий в real-time
|
||||||
|
- Автоматическое реагирование на угрозы
|
||||||
|
- Генерация отчетов
|
||||||
|
|
||||||
|
### Интеграции
|
||||||
|
- Active Directory / LDAP
|
||||||
|
- Популярные SIEM системы
|
||||||
|
- Системы уведомлений (Slack, Email)
|
||||||
|
- API для внешних систем
|
||||||
|
|
||||||
|
## 📋 Системные требования
|
||||||
|
|
||||||
|
### Минимальные требования
|
||||||
|
- **ОС:** Ubuntu 20.04+, Windows Server 2019+, CentOS 8+
|
||||||
|
- **Процессор:** Intel Xeon E5-2600 v4 или аналогичный
|
||||||
|
- **ОЗУ:** 16 GB
|
||||||
|
- **Диск:** 500 GB SSD
|
||||||
|
- **Сеть:** Gigabit Ethernet
|
||||||
|
|
||||||
|
### Рекомендуемые требования
|
||||||
|
- **Процессор:** Intel Xeon Gold 6200 или аналогичный
|
||||||
|
- **ОЗУ:** 64 GB
|
||||||
|
- **Диск:** 2 TB NVMe SSD
|
||||||
|
- **Сеть:** 10 Gigabit Ethernet
|
||||||
|
|
||||||
|
## 🛡️ Соответствие стандартам
|
||||||
|
|
||||||
|
SECURE-T соответствует следующим стандартам:
|
||||||
|
- **ГОСТ Р 57580.1-2017** - Безопасность финансовых услуг
|
||||||
|
- **ISO 27001** - Системы менеджмента информационной безопасности
|
||||||
|
- **NIST Cybersecurity Framework** - Основы кибербезопасности
|
||||||
|
- **PCI DSS** - Стандарт безопасности данных платежных карт
|
||||||
|
|
||||||
|
## 📞 Поддержка
|
||||||
|
|
||||||
|
### Техническая поддержка
|
||||||
|
- **Email:** support@secure-t.com
|
||||||
|
- **Телефон:** +7 (495) 123-45-67
|
||||||
|
- **Время работы:** 24/7
|
||||||
|
|
||||||
|
### Полезные ссылки
|
||||||
|
- [Официальный сайт](https://secure-t.com)
|
||||||
|
- [База знаний](https://kb.secure-t.com)
|
||||||
|
- [Форум сообщества](https://community.secure-t.com)
|
||||||
|
- [GitHub репозиторий](https://github.com/secure-t/secure-t)
|
||||||
|
|
||||||
|
## 📖 Структура документации
|
||||||
|
|
||||||
|
```
|
||||||
|
docs/
|
||||||
|
├── README.md # Этот файл
|
||||||
|
├── SECURE-T_Documentation.md # Полная документация
|
||||||
|
├── SECURE-T_Quick_Start.md # Быстрый старт
|
||||||
|
├── SECURE-T_Configuration_Examples.md # Примеры конфигурации
|
||||||
|
├── API_Reference.md # Справочник API
|
||||||
|
├── Admin_Guide.md # Руководство администратора
|
||||||
|
├── User_Guide.md # Руководство пользователя
|
||||||
|
├── Best_Practices.md # Лучшие практики
|
||||||
|
├── Troubleshooting.md # Устранение неполадок
|
||||||
|
└── examples/ # Примеры файлов
|
||||||
|
├── config/ # Примеры конфигураций
|
||||||
|
├── policies/ # Примеры политик
|
||||||
|
└── scripts/ # Полезные скрипты
|
||||||
|
```
|
||||||
|
|
||||||
|
## 🔄 Обновления документации
|
||||||
|
|
||||||
|
Документация регулярно обновляется. Основные изменения:
|
||||||
|
|
||||||
|
### Версия 1.0 (2024)
|
||||||
|
- Первый релиз документации
|
||||||
|
- Полное описание всех компонентов
|
||||||
|
- Руководства по установке и настройке
|
||||||
|
- Примеры конфигураций
|
||||||
|
- API документация
|
||||||
|
|
||||||
|
## 💡 Как пользоваться документацией
|
||||||
|
|
||||||
|
1. **Новички:** начните с [Руководства по быстрому старту](SECURE-T_Quick_Start.md)
|
||||||
|
2. **Администраторы:** изучите [Полную документацию](SECURE-T_Documentation.md) и [Руководство администратора](Admin_Guide.md)
|
||||||
|
3. **Разработчики:** обратитесь к [API документации](API_Reference.md)
|
||||||
|
4. **Пользователи:** прочитайте [Руководство пользователя](User_Guide.md)
|
||||||
|
|
||||||
|
## 🤝 Обратная связь
|
||||||
|
|
||||||
|
Мы ценим ваши отзывы и предложения по улучшению документации. Если вы нашли ошибку или хотите предложить улучшение:
|
||||||
|
|
||||||
|
- Отправьте email на docs@secure-t.com
|
||||||
|
- Создайте issue в GitHub репозитории
|
||||||
|
- Обратитесь в техническую поддержку
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*© 2024 GUNDYREV. Все права защищены.*
|
||||||
1
docs/SECURE-T_Configuration_Examples.md
Normal file
1
docs/SECURE-T_Configuration_Examples.md
Normal file
@ -0,0 +1 @@
|
|||||||
|
# SECURE-T - Примеры конфигурации
|
||||||
491
docs/SECURE-T_Documentation.md
Normal file
491
docs/SECURE-T_Documentation.md
Normal file
@ -0,0 +1,491 @@
|
|||||||
|
# SECURE-T - Документация
|
||||||
|
|
||||||
|
## Содержание
|
||||||
|
1. [Обзор системы](#обзор-системы)
|
||||||
|
2. [Основные решения](#основные-решения)
|
||||||
|
3. [Технологии](#технологии)
|
||||||
|
4. [Архитектура](#архитектура)
|
||||||
|
5. [Установка и настройка](#установка-и-настройка)
|
||||||
|
6. [Руководство пользователя](#руководство-пользователя)
|
||||||
|
7. [API документация](#api-документация)
|
||||||
|
8. [Безопасность](#безопасность)
|
||||||
|
9. [Поддержка](#поддержка)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Обзор системы
|
||||||
|
|
||||||
|
**SECURE-T** — это комплексная система информационной безопасности, разработанная для защиты корпоративных данных и IT-инфраструктуры от современных киберугроз.
|
||||||
|
|
||||||
|
### Основные преимущества
|
||||||
|
- ✅ Комплексная защита данных
|
||||||
|
- ✅ Современные криптографические алгоритмы
|
||||||
|
- ✅ Интеграция с существующей инфраструктурой
|
||||||
|
- ✅ Централизованное управление безопасностью
|
||||||
|
- ✅ Соответствие российским и международным стандартам
|
||||||
|
|
||||||
|
### Целевая аудитория
|
||||||
|
- Крупные корпорации
|
||||||
|
- Государственные учреждения
|
||||||
|
- Финансовые организации
|
||||||
|
- Медицинские учреждения
|
||||||
|
- Образовательные институты
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Основные решения
|
||||||
|
|
||||||
|
### 🔐 Криптографическая защита
|
||||||
|
Обеспечивает надежное шифрование данных с использованием современных алгоритмов.
|
||||||
|
|
||||||
|
**Возможности:**
|
||||||
|
- Шифрование файлов и баз данных
|
||||||
|
- Защита каналов связи
|
||||||
|
- Цифровая подпись документов
|
||||||
|
- Управление ключами шифрования
|
||||||
|
|
||||||
|
**Поддерживаемые алгоритмы:**
|
||||||
|
- AES-256 (симметричное шифрование)
|
||||||
|
- RSA-4096 (асимметричное шифрование)
|
||||||
|
- SHA-3 (хеширование)
|
||||||
|
|
||||||
|
### 🛡️ Сетевая безопасность
|
||||||
|
Комплексная защита сетевой инфраструктуры от внешних и внутренних угроз.
|
||||||
|
|
||||||
|
**Компоненты:**
|
||||||
|
- Межсетевые экраны (Firewall)
|
||||||
|
- Системы обнаружения вторжений (IDS/IPS)
|
||||||
|
- Веб-защита (WAF)
|
||||||
|
- VPN-шлюзы
|
||||||
|
|
||||||
|
**Функции:**
|
||||||
|
- Фильтрация трафика
|
||||||
|
- Блокировка вредоносных соединений
|
||||||
|
- Мониторинг сетевой активности
|
||||||
|
- Защита от DDoS-атак
|
||||||
|
|
||||||
|
### 📊 Мониторинг безопасности
|
||||||
|
Система непрерывного мониторинга и анализа событий безопасности.
|
||||||
|
|
||||||
|
**Возможности:**
|
||||||
|
- Сбор и анализ журналов событий
|
||||||
|
- Корреляция инцидентов
|
||||||
|
- Автоматическое реагирование на угрозы
|
||||||
|
- Генерация отчетов о безопасности
|
||||||
|
|
||||||
|
**Интеграция с SIEM:**
|
||||||
|
- Централизованный сбор данных
|
||||||
|
- Анализ в реальном времени
|
||||||
|
- Настраиваемые правила корреляции
|
||||||
|
- Панель управления безопасностью
|
||||||
|
|
||||||
|
### 🔍 Аудит безопасности
|
||||||
|
Проведение комплексного анализа систем информационной безопасности.
|
||||||
|
|
||||||
|
**Виды аудита:**
|
||||||
|
- Технический аудит инфраструктуры
|
||||||
|
- Аудит соответствия стандартам
|
||||||
|
- Анализ уязвимостей
|
||||||
|
- Оценка рисков информационной безопасности
|
||||||
|
|
||||||
|
### ⚙️ Интеграция систем
|
||||||
|
Бесшовная интеграция с существующей IT-инфраструктурой.
|
||||||
|
|
||||||
|
**Поддерживаемые системы:**
|
||||||
|
- Active Directory
|
||||||
|
- LDAP
|
||||||
|
- Oracle Database
|
||||||
|
- Microsoft SQL Server
|
||||||
|
- VMware vCenter
|
||||||
|
- Cisco Network Equipment
|
||||||
|
|
||||||
|
### 📚 Обучение персонала
|
||||||
|
Комплексные программы повышения квалификации в области информационной безопасности.
|
||||||
|
|
||||||
|
**Программы обучения:**
|
||||||
|
- Основы информационной безопасности
|
||||||
|
- Работа с системами SECURE-T
|
||||||
|
- Реагирование на инциденты
|
||||||
|
- Администрирование систем безопасности
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Технологии
|
||||||
|
|
||||||
|
### Криптографические технологии
|
||||||
|
| Технология | Назначение | Стандарт |
|
||||||
|
|------------|------------|----------|
|
||||||
|
| **AES-256** | Симметричное шифрование данных | FIPS 197 |
|
||||||
|
| **RSA-4096** | Асимметричное шифрование | PKCS #1 |
|
||||||
|
| **SHA-3** | Криптографическое хеширование | FIPS 202 |
|
||||||
|
| **PKI** | Инфраструктура открытых ключей | RFC 5280 |
|
||||||
|
|
||||||
|
### Системы безопасности
|
||||||
|
| Технология | Описание |
|
||||||
|
|------------|----------|
|
||||||
|
| **SIEM** | Управление информацией и событиями безопасности |
|
||||||
|
| **DLP** | Предотвращение утечек данных |
|
||||||
|
| **WAF** | Веб-защита приложений |
|
||||||
|
| **IDS/IPS** | Обнаружение и предотвращение вторжений |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Архитектура
|
||||||
|
|
||||||
|
### Архитектурная схема
|
||||||
|
```
|
||||||
|
┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐
|
||||||
|
│ Пользователи │ │ Приложения │ │ Данные │
|
||||||
|
└─────────┬───────┘ └─────────┬───────┘ └─────────┬───────┘
|
||||||
|
│ │ │
|
||||||
|
▼ ▼ ▼
|
||||||
|
┌─────────────────────────────────────────────────────────────────┐
|
||||||
|
│ SECURE-T Platform │
|
||||||
|
├─────────────────┬─────────────────┬─────────────────────────────┤
|
||||||
|
│ Аутентификация │ Авторизация │ Аудит │
|
||||||
|
├─────────────────┼─────────────────┼─────────────────────────────┤
|
||||||
|
│ Шифрование │ Мониторинг │ Управление │
|
||||||
|
└─────────────────┴─────────────────┴─────────────────────────────┘
|
||||||
|
```
|
||||||
|
|
||||||
|
### Компоненты системы
|
||||||
|
|
||||||
|
#### Центр управления безопасностью (SOC)
|
||||||
|
- Централизованная консоль управления
|
||||||
|
- Мониторинг в реальном времени
|
||||||
|
- Управление инцидентами
|
||||||
|
- Отчетность и аналитика
|
||||||
|
|
||||||
|
#### Модуль криптографической защиты
|
||||||
|
- Управление ключами шифрования
|
||||||
|
- Шифрование/дешифрование данных
|
||||||
|
- Цифровая подпись
|
||||||
|
- Проверка целостности
|
||||||
|
|
||||||
|
#### Сетевой модуль безопасности
|
||||||
|
- Межсетевые экраны
|
||||||
|
- Системы обнаружения вторжений
|
||||||
|
- VPN-шлюзы
|
||||||
|
- Анализ трафика
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Установка и настройка
|
||||||
|
|
||||||
|
### Системные требования
|
||||||
|
|
||||||
|
#### Минимальные требования
|
||||||
|
- **ОС:** Windows Server 2019/2022, Linux (Ubuntu 20.04+, CentOS 8+)
|
||||||
|
- **Процессор:** Intel Xeon E5-2600 v4 или аналогичный
|
||||||
|
- **ОЗУ:** 16 GB
|
||||||
|
- **Дисковое пространство:** 500 GB SSD
|
||||||
|
- **Сеть:** Gigabit Ethernet
|
||||||
|
|
||||||
|
#### Рекомендуемые требования
|
||||||
|
- **Процессор:** Intel Xeon Gold 6200 или аналогичный
|
||||||
|
- **ОЗУ:** 64 GB
|
||||||
|
- **Дисковое пространство:** 2 TB NVMe SSD
|
||||||
|
- **Сеть:** 10 Gigabit Ethernet
|
||||||
|
|
||||||
|
### Процедура установки
|
||||||
|
|
||||||
|
#### 1. Подготовка инфраструктуры
|
||||||
|
```bash
|
||||||
|
# Обновление системы
|
||||||
|
sudo apt update && sudo apt upgrade -y
|
||||||
|
|
||||||
|
# Установка зависимостей
|
||||||
|
sudo apt install -y docker.io docker-compose postgresql-client
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 2. Установка SECURE-T
|
||||||
|
```bash
|
||||||
|
# Загрузка установочного пакета
|
||||||
|
wget https://releases.secure-t.com/latest/secure-t-installer.tar.gz
|
||||||
|
|
||||||
|
# Распаковка
|
||||||
|
tar -xzf secure-t-installer.tar.gz
|
||||||
|
|
||||||
|
# Запуск установки
|
||||||
|
sudo ./install.sh
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 3. Первоначальная настройка
|
||||||
|
```bash
|
||||||
|
# Инициализация базы данных
|
||||||
|
secure-t-admin init-db
|
||||||
|
|
||||||
|
# Создание администратора
|
||||||
|
secure-t-admin create-admin --username admin --password <password>
|
||||||
|
|
||||||
|
# Запуск сервисов
|
||||||
|
systemctl start secure-t
|
||||||
|
systemctl enable secure-t
|
||||||
|
```
|
||||||
|
|
||||||
|
### Конфигурация
|
||||||
|
|
||||||
|
#### Основной файл конфигурации
|
||||||
|
```yaml
|
||||||
|
# /etc/secure-t/config.yaml
|
||||||
|
server:
|
||||||
|
host: "0.0.0.0"
|
||||||
|
port: 8443
|
||||||
|
ssl:
|
||||||
|
enabled: true
|
||||||
|
cert_file: "/etc/secure-t/ssl/server.crt"
|
||||||
|
key_file: "/etc/secure-t/ssl/server.key"
|
||||||
|
|
||||||
|
database:
|
||||||
|
type: "postgresql"
|
||||||
|
host: "localhost"
|
||||||
|
port: 5432
|
||||||
|
name: "secure_t"
|
||||||
|
username: "secure_t_user"
|
||||||
|
password: "secure_password"
|
||||||
|
|
||||||
|
crypto:
|
||||||
|
default_algorithm: "AES-256-GCM"
|
||||||
|
key_derivation: "PBKDF2"
|
||||||
|
hash_algorithm: "SHA-3-256"
|
||||||
|
|
||||||
|
logging:
|
||||||
|
level: "INFO"
|
||||||
|
file: "/var/log/secure-t/secure-t.log"
|
||||||
|
max_size: "100MB"
|
||||||
|
max_files: 10
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Руководство пользователя
|
||||||
|
|
||||||
|
### Веб-интерфейс
|
||||||
|
|
||||||
|
#### Вход в систему
|
||||||
|
1. Откройте браузер и перейдите по адресу: `https://your-server:8443`
|
||||||
|
2. Введите логин и пароль
|
||||||
|
3. Пройдите двухфакторную аутентификацию (если настроена)
|
||||||
|
|
||||||
|
#### Главная панель управления
|
||||||
|
- **Дашборд** - общая информация о состоянии безопасности
|
||||||
|
- **События** - журнал событий безопасности
|
||||||
|
- **Политики** - настройка политик безопасности
|
||||||
|
- **Пользователи** - управление пользователями и ролями
|
||||||
|
- **Отчеты** - генерация отчетов
|
||||||
|
|
||||||
|
### Основные операции
|
||||||
|
|
||||||
|
#### Создание политики шифрования
|
||||||
|
1. Перейдите в раздел "Политики"
|
||||||
|
2. Нажмите "Создать новую политику"
|
||||||
|
3. Выберите тип данных для шифрования
|
||||||
|
4. Настройте параметры шифрования
|
||||||
|
5. Примените политику к нужным ресурсам
|
||||||
|
|
||||||
|
#### Мониторинг событий
|
||||||
|
1. Откройте раздел "События"
|
||||||
|
2. Используйте фильтры для поиска нужных событий
|
||||||
|
3. Просмотрите детали события
|
||||||
|
4. При необходимости создайте инцидент
|
||||||
|
|
||||||
|
#### Управление пользователями
|
||||||
|
1. Перейдите в раздел "Пользователи"
|
||||||
|
2. Добавьте нового пользователя
|
||||||
|
3. Назначьте роли и права доступа
|
||||||
|
4. Настройте двухфакторную аутентификацию
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## API документация
|
||||||
|
|
||||||
|
### Аутентификация
|
||||||
|
|
||||||
|
Все API запросы должны содержать токен аутентификации в заголовке:
|
||||||
|
```
|
||||||
|
Authorization: Bearer <your-token>
|
||||||
|
```
|
||||||
|
|
||||||
|
### Получение токена
|
||||||
|
```http
|
||||||
|
POST /api/v1/auth/login
|
||||||
|
Content-Type: application/json
|
||||||
|
|
||||||
|
{
|
||||||
|
"username": "admin",
|
||||||
|
"password": "password"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Ответ:**
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
|
||||||
|
"expires_in": 3600
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Основные эндпоинты
|
||||||
|
|
||||||
|
#### Управление пользователями
|
||||||
|
```http
|
||||||
|
GET /api/v1/users
|
||||||
|
POST /api/v1/users
|
||||||
|
PUT /api/v1/users/{id}
|
||||||
|
DELETE /api/v1/users/{id}
|
||||||
|
```
|
||||||
|
|
||||||
|
#### События безопасности
|
||||||
|
```http
|
||||||
|
GET /api/v1/events
|
||||||
|
GET /api/v1/events/{id}
|
||||||
|
POST /api/v1/events/search
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Политики безопасности
|
||||||
|
```http
|
||||||
|
GET /api/v1/policies
|
||||||
|
POST /api/v1/policies
|
||||||
|
PUT /api/v1/policies/{id}
|
||||||
|
DELETE /api/v1/policies/{id}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Примеры использования
|
||||||
|
|
||||||
|
#### Получение списка событий
|
||||||
|
```bash
|
||||||
|
curl -X GET \
|
||||||
|
https://your-server:8443/api/v1/events \
|
||||||
|
-H 'Authorization: Bearer <token>' \
|
||||||
|
-H 'Content-Type: application/json'
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Создание нового пользователя
|
||||||
|
```bash
|
||||||
|
curl -X POST \
|
||||||
|
https://your-server:8443/api/v1/users \
|
||||||
|
-H 'Authorization: Bearer <token>' \
|
||||||
|
-H 'Content-Type: application/json' \
|
||||||
|
-d '{
|
||||||
|
"username": "newuser",
|
||||||
|
"email": "user@example.com",
|
||||||
|
"role": "operator"
|
||||||
|
}'
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Безопасность
|
||||||
|
|
||||||
|
### Рекомендации по безопасности
|
||||||
|
|
||||||
|
#### Настройка SSL/TLS
|
||||||
|
- Используйте только TLS 1.2 или выше
|
||||||
|
- Настройте сильные шифры
|
||||||
|
- Регулярно обновляйте SSL-сертификаты
|
||||||
|
|
||||||
|
#### Управление паролями
|
||||||
|
- Минимальная длина пароля: 12 символов
|
||||||
|
- Обязательное использование спецсимволов
|
||||||
|
- Регулярная смена паролей (каждые 90 дней)
|
||||||
|
- Запрет на повторное использование последних 12 паролей
|
||||||
|
|
||||||
|
#### Двухфакторная аутентификация
|
||||||
|
- Обязательна для всех администраторов
|
||||||
|
- Поддержка TOTP (Google Authenticator, Authy)
|
||||||
|
- Резервные коды для восстановления доступа
|
||||||
|
|
||||||
|
#### Аудит и мониторинг
|
||||||
|
- Включите детальное логирование всех операций
|
||||||
|
- Настройте автоматические уведомления о критических событиях
|
||||||
|
- Регулярно проводите анализ журналов безопасности
|
||||||
|
|
||||||
|
### Соответствие стандартам
|
||||||
|
|
||||||
|
SECURE-T соответствует следующим стандартам:
|
||||||
|
- **ГОСТ Р 57580.1-2017** - Безопасность финансовых услуг
|
||||||
|
- **ISO 27001** - Системы менеджмента информационной безопасности
|
||||||
|
- **NIST Cybersecurity Framework** - Основы кибербезопасности
|
||||||
|
- **PCI DSS** - Стандарт безопасности данных платежных карт
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Поддержка
|
||||||
|
|
||||||
|
### Техническая поддержка
|
||||||
|
|
||||||
|
#### Контактная информация
|
||||||
|
- **Email:** support@secure-t.com
|
||||||
|
- **Телефон:** +7 (495) 123-45-67
|
||||||
|
- **Время работы:** 24/7
|
||||||
|
|
||||||
|
#### Уровни поддержки
|
||||||
|
- **Критический** - отклик в течение 1 часа
|
||||||
|
- **Высокий** - отклик в течение 4 часов
|
||||||
|
- **Средний** - отклик в течение 8 часов
|
||||||
|
- **Низкий** - отклик в течение 24 часов
|
||||||
|
|
||||||
|
### Обновления и патчи
|
||||||
|
|
||||||
|
#### Автоматические обновления
|
||||||
|
```bash
|
||||||
|
# Включение автоматических обновлений
|
||||||
|
secure-t-admin config set auto-update enabled
|
||||||
|
|
||||||
|
# Настройка расписания обновлений
|
||||||
|
secure-t-admin config set update-schedule "0 2 * * 0"
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Ручные обновления
|
||||||
|
```bash
|
||||||
|
# Проверка доступных обновлений
|
||||||
|
secure-t-admin update check
|
||||||
|
|
||||||
|
# Установка обновлений
|
||||||
|
secure-t-admin update install
|
||||||
|
|
||||||
|
# Откат к предыдущей версии
|
||||||
|
secure-t-admin update rollback
|
||||||
|
```
|
||||||
|
|
||||||
|
### Документация и ресурсы
|
||||||
|
|
||||||
|
#### Дополнительные материалы
|
||||||
|
- 📄 **Техническая документация** - подробные руководства по настройке
|
||||||
|
- 🎯 **Методические материалы** - лучшие практики безопасности
|
||||||
|
- 🔧 **Инструменты настройки** - утилиты для конфигурирования
|
||||||
|
- 📊 **Отчеты и аналитика** - шаблоны отчетов
|
||||||
|
- 🎓 **Обучающие материалы** - курсы и тренинги
|
||||||
|
- 📋 **Сертификаты и лицензии** - документы о соответствии
|
||||||
|
|
||||||
|
#### Полезные ссылки
|
||||||
|
- [Официальный сайт](https://secure-t.com)
|
||||||
|
- [База знаний](https://kb.secure-t.com)
|
||||||
|
- [Форум сообщества](https://community.secure-t.com)
|
||||||
|
- [GitHub репозиторий](https://github.com/secure-t/secure-t)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Приложения
|
||||||
|
|
||||||
|
### Приложение A: Коды ошибок
|
||||||
|
| Код | Описание | Решение |
|
||||||
|
|-----|----------|---------|
|
||||||
|
| ST-001 | Ошибка аутентификации | Проверьте логин и пароль |
|
||||||
|
| ST-002 | Недостаточно прав | Обратитесь к администратору |
|
||||||
|
| ST-003 | Ошибка шифрования | Проверьте настройки криптографии |
|
||||||
|
| ST-004 | Сетевая ошибка | Проверьте сетевые подключения |
|
||||||
|
|
||||||
|
### Приложение B: Глоссарий
|
||||||
|
- **AES** - Advanced Encryption Standard, стандарт шифрования
|
||||||
|
- **DLP** - Data Loss Prevention, предотвращение утечек данных
|
||||||
|
- **IDS/IPS** - Intrusion Detection/Prevention System
|
||||||
|
- **PKI** - Public Key Infrastructure, инфраструктура открытых ключей
|
||||||
|
- **SIEM** - Security Information and Event Management
|
||||||
|
- **WAF** - Web Application Firewall, веб-защита приложений
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*Документация SECURE-T версия 1.0*
|
||||||
|
*Последнее обновление: 2024*
|
||||||
|
*© GUNDYREV. Все права защищены.*
|
||||||
327
docs/SECURE-T_Quick_Start.md
Normal file
327
docs/SECURE-T_Quick_Start.md
Normal file
@ -0,0 +1,327 @@
|
|||||||
|
# SECURE-T - Руководство по быстрому старту
|
||||||
|
|
||||||
|
## 🚀 Быстрый старт
|
||||||
|
|
||||||
|
Это руководство поможет вам быстро развернуть и настроить систему SECURE-T для начала работы.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Предварительные требования
|
||||||
|
|
||||||
|
### Системные требования
|
||||||
|
- **ОС:** Ubuntu 20.04+ или Windows Server 2019+
|
||||||
|
- **RAM:** минимум 16 GB
|
||||||
|
- **Диск:** минимум 500 GB SSD
|
||||||
|
- **Сеть:** доступ в интернет для загрузки компонентов
|
||||||
|
|
||||||
|
### Необходимые права
|
||||||
|
- Права администратора (root/Administrator)
|
||||||
|
- Доступ к портам 8443, 5432, 443
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 1: Подготовка системы
|
||||||
|
|
||||||
|
### Ubuntu/Linux
|
||||||
|
```bash
|
||||||
|
# Обновление системы
|
||||||
|
sudo apt update && sudo apt upgrade -y
|
||||||
|
|
||||||
|
# Установка Docker
|
||||||
|
sudo apt install -y docker.io docker-compose
|
||||||
|
|
||||||
|
# Запуск Docker
|
||||||
|
sudo systemctl start docker
|
||||||
|
sudo systemctl enable docker
|
||||||
|
|
||||||
|
# Добавление пользователя в группу docker
|
||||||
|
sudo usermod -aG docker $USER
|
||||||
|
```
|
||||||
|
|
||||||
|
### Windows Server
|
||||||
|
```powershell
|
||||||
|
# Включение Hyper-V (требует перезагрузки)
|
||||||
|
Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Hyper-V -All
|
||||||
|
|
||||||
|
# Установка Docker Desktop for Windows Server
|
||||||
|
# Скачайте с официального сайта Docker
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 2: Загрузка и установка SECURE-T
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Создание рабочей директории
|
||||||
|
mkdir -p /opt/secure-t
|
||||||
|
cd /opt/secure-t
|
||||||
|
|
||||||
|
# Загрузка установочного пакета
|
||||||
|
wget https://releases.secure-t.com/latest/secure-t-installer.tar.gz
|
||||||
|
|
||||||
|
# Распаковка
|
||||||
|
tar -xzf secure-t-installer.tar.gz
|
||||||
|
|
||||||
|
# Запуск установки
|
||||||
|
sudo ./install.sh --quick-start
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 3: Первоначальная настройка
|
||||||
|
|
||||||
|
### Автоматическая настройка
|
||||||
|
```bash
|
||||||
|
# Запуск мастера настройки
|
||||||
|
sudo secure-t-admin setup --wizard
|
||||||
|
|
||||||
|
# Следуйте инструкциям мастера:
|
||||||
|
# 1. Выберите тип развертывания (Standalone/Cluster)
|
||||||
|
# 2. Настройте базу данных
|
||||||
|
# 3. Создайте администратора
|
||||||
|
# 4. Настройте SSL-сертификаты
|
||||||
|
```
|
||||||
|
|
||||||
|
### Ручная настройка
|
||||||
|
```bash
|
||||||
|
# Инициализация базы данных
|
||||||
|
secure-t-admin init-db
|
||||||
|
|
||||||
|
# Создание администратора
|
||||||
|
secure-t-admin create-admin \
|
||||||
|
--username admin \
|
||||||
|
--password SecurePassword123! \
|
||||||
|
--email admin@company.com
|
||||||
|
|
||||||
|
# Генерация SSL-сертификатов
|
||||||
|
secure-t-admin ssl generate-cert \
|
||||||
|
--domain your-domain.com \
|
||||||
|
--organization "Your Company"
|
||||||
|
|
||||||
|
# Запуск сервисов
|
||||||
|
systemctl start secure-t
|
||||||
|
systemctl enable secure-t
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 4: Проверка установки
|
||||||
|
|
||||||
|
### Проверка статуса сервисов
|
||||||
|
```bash
|
||||||
|
# Проверка статуса
|
||||||
|
systemctl status secure-t
|
||||||
|
|
||||||
|
# Проверка логов
|
||||||
|
journalctl -u secure-t -f
|
||||||
|
|
||||||
|
# Проверка портов
|
||||||
|
netstat -tlnp | grep :8443
|
||||||
|
```
|
||||||
|
|
||||||
|
### Веб-интерфейс
|
||||||
|
1. Откройте браузер
|
||||||
|
2. Перейдите по адресу: `https://your-server:8443`
|
||||||
|
3. Войдите с учетными данными администратора
|
||||||
|
4. Проверьте дашборд
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 5: Базовая конфигурация
|
||||||
|
|
||||||
|
### Настройка первой политики безопасности
|
||||||
|
1. Войдите в веб-интерфейс
|
||||||
|
2. Перейдите в **Политики** → **Создать новую**
|
||||||
|
3. Выберите **Шифрование файлов**
|
||||||
|
4. Настройте параметры:
|
||||||
|
- Алгоритм: AES-256
|
||||||
|
- Область применения: `/home/users`
|
||||||
|
- Расписание: Немедленно
|
||||||
|
5. Сохраните и активируйте политику
|
||||||
|
|
||||||
|
### Добавление пользователей
|
||||||
|
1. Перейдите в **Пользователи** → **Добавить**
|
||||||
|
2. Заполните данные:
|
||||||
|
- Имя пользователя
|
||||||
|
- Email
|
||||||
|
- Роль (Operator/Admin)
|
||||||
|
3. Настройте двухфакторную аутентификацию
|
||||||
|
4. Отправьте приглашение
|
||||||
|
|
||||||
|
### Настройка мониторинга
|
||||||
|
1. Перейдите в **Мониторинг** → **Настройки**
|
||||||
|
2. Включите сбор событий:
|
||||||
|
- Системные события
|
||||||
|
- События безопасности
|
||||||
|
- Сетевые события
|
||||||
|
3. Настройте уведомления:
|
||||||
|
- Email-уведомления
|
||||||
|
- Telegram/Slack интеграция
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 6: Тестирование
|
||||||
|
|
||||||
|
### Тест шифрования
|
||||||
|
```bash
|
||||||
|
# Создание тестового файла
|
||||||
|
echo "Тестовые данные" > /tmp/test.txt
|
||||||
|
|
||||||
|
# Шифрование через CLI
|
||||||
|
secure-t-cli encrypt \
|
||||||
|
--file /tmp/test.txt \
|
||||||
|
--output /tmp/test.enc \
|
||||||
|
--algorithm AES-256
|
||||||
|
|
||||||
|
# Проверка результата
|
||||||
|
ls -la /tmp/test.*
|
||||||
|
```
|
||||||
|
|
||||||
|
### Тест мониторинга
|
||||||
|
1. Выполните несколько действий в системе
|
||||||
|
2. Перейдите в **События** в веб-интерфейсе
|
||||||
|
3. Убедитесь, что события регистрируются
|
||||||
|
4. Проверьте фильтрацию и поиск
|
||||||
|
|
||||||
|
### Тест API
|
||||||
|
```bash
|
||||||
|
# Получение токена
|
||||||
|
TOKEN=$(curl -s -X POST \
|
||||||
|
https://your-server:8443/api/v1/auth/login \
|
||||||
|
-H 'Content-Type: application/json' \
|
||||||
|
-d '{"username":"admin","password":"SecurePassword123!"}' \
|
||||||
|
-k | jq -r '.token')
|
||||||
|
|
||||||
|
# Тест API
|
||||||
|
curl -X GET \
|
||||||
|
https://your-server:8443/api/v1/status \
|
||||||
|
-H "Authorization: Bearer $TOKEN" \
|
||||||
|
-k
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Troubleshooting
|
||||||
|
|
||||||
|
### Часто встречающиеся проблемы
|
||||||
|
|
||||||
|
#### Сервис не запускается
|
||||||
|
```bash
|
||||||
|
# Проверка логов
|
||||||
|
journalctl -u secure-t --no-pager -l
|
||||||
|
|
||||||
|
# Проверка конфигурации
|
||||||
|
secure-t-admin config validate
|
||||||
|
|
||||||
|
# Перезапуск сервиса
|
||||||
|
sudo systemctl restart secure-t
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Не работает веб-интерфейс
|
||||||
|
```bash
|
||||||
|
# Проверка портов
|
||||||
|
sudo netstat -tlnp | grep :8443
|
||||||
|
|
||||||
|
# Проверка SSL-сертификатов
|
||||||
|
openssl s_client -connect localhost:8443 -servername localhost
|
||||||
|
|
||||||
|
# Проверка firewall
|
||||||
|
sudo ufw status
|
||||||
|
sudo firewall-cmd --list-all
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Проблемы с базой данных
|
||||||
|
```bash
|
||||||
|
# Проверка соединения с БД
|
||||||
|
secure-t-admin db-check
|
||||||
|
|
||||||
|
# Восстановление БД из резервной копии
|
||||||
|
secure-t-admin db-restore --backup /path/to/backup.sql
|
||||||
|
|
||||||
|
# Пересоздание БД
|
||||||
|
secure-t-admin db-reset --confirm
|
||||||
|
```
|
||||||
|
|
||||||
|
### Получение помощи
|
||||||
|
- **Документация:** `https://docs.secure-t.com`
|
||||||
|
- **Поддержка:** `support@secure-t.com`
|
||||||
|
- **Телефон:** `+7 (495) 123-45-67`
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Следующие шаги
|
||||||
|
|
||||||
|
После успешной установки рекомендуется:
|
||||||
|
|
||||||
|
1. **Изучить полную документацию** - `docs/SECURE-T_Documentation.md`
|
||||||
|
2. **Настроить резервное копирование**
|
||||||
|
3. **Интегрировать с существующими системами**
|
||||||
|
4. **Провести обучение персонала**
|
||||||
|
5. **Настроить мониторинг и алерты**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Полезные команды
|
||||||
|
|
||||||
|
### Управление сервисом
|
||||||
|
```bash
|
||||||
|
# Статус
|
||||||
|
systemctl status secure-t
|
||||||
|
|
||||||
|
# Запуск/остановка
|
||||||
|
systemctl start secure-t
|
||||||
|
systemctl stop secure-t
|
||||||
|
systemctl restart secure-t
|
||||||
|
|
||||||
|
# Включение/отключение автозапуска
|
||||||
|
systemctl enable secure-t
|
||||||
|
systemctl disable secure-t
|
||||||
|
```
|
||||||
|
|
||||||
|
### Управление конфигурацией
|
||||||
|
```bash
|
||||||
|
# Просмотр конфигурации
|
||||||
|
secure-t-admin config show
|
||||||
|
|
||||||
|
# Изменение параметра
|
||||||
|
secure-t-admin config set server.port 8444
|
||||||
|
|
||||||
|
# Валидация конфигурации
|
||||||
|
secure-t-admin config validate
|
||||||
|
|
||||||
|
# Сброс к умолчаниям
|
||||||
|
secure-t-admin config reset
|
||||||
|
```
|
||||||
|
|
||||||
|
### Управление пользователями
|
||||||
|
```bash
|
||||||
|
# Список пользователей
|
||||||
|
secure-t-admin users list
|
||||||
|
|
||||||
|
# Создание пользователя
|
||||||
|
secure-t-admin users create --username user1 --role operator
|
||||||
|
|
||||||
|
# Смена пароля
|
||||||
|
secure-t-admin users passwd --username user1
|
||||||
|
|
||||||
|
# Блокировка пользователя
|
||||||
|
secure-t-admin users disable --username user1
|
||||||
|
```
|
||||||
|
|
||||||
|
### Резервное копирование
|
||||||
|
```bash
|
||||||
|
# Создание резервной копии
|
||||||
|
secure-t-admin backup create --output /backup/secure-t-$(date +%Y%m%d).tar.gz
|
||||||
|
|
||||||
|
# Восстановление из резервной копии
|
||||||
|
secure-t-admin backup restore --input /backup/secure-t-20241201.tar.gz
|
||||||
|
|
||||||
|
# Автоматическое резервное копирование
|
||||||
|
secure-t-admin backup schedule --daily --time "02:00" --keep 30
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*Руководство по быстрому старту SECURE-T*
|
||||||
|
*Версия 1.0 | 2024*
|
||||||
|
*© GUNDYREV. Все права защищены.*
|
||||||
138
public/docs/README.md
Normal file
138
public/docs/README.md
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
# Документация SECURE-T
|
||||||
|
|
||||||
|
Добро пожаловать в документацию системы информационной безопасности **SECURE-T**!
|
||||||
|
|
||||||
|
## 📚 Доступные документы
|
||||||
|
|
||||||
|
### Основная документация
|
||||||
|
- **[Полная документация](SECURE-T_Documentation.md)** - Подробное руководство по всем аспектам системы
|
||||||
|
- **[Руководство по быстрому старту](SECURE-T_Quick_Start.md)** - Быстрое развертывание и настройка
|
||||||
|
|
||||||
|
### Технические материалы
|
||||||
|
- **[Примеры конфигурации](SECURE-T_Configuration_Examples.md)** - Готовые конфигурации для различных сценариев
|
||||||
|
- **[API документация](API_Reference.md)** - Справочник по REST API
|
||||||
|
- **[Руководство администратора](Admin_Guide.md)** - Подробное руководство для администраторов
|
||||||
|
|
||||||
|
### Обучающие материалы
|
||||||
|
- **[Руководство пользователя](User_Guide.md)** - Инструкции для конечных пользователей
|
||||||
|
- **[Лучшие практики](Best_Practices.md)** - Рекомендации по безопасности
|
||||||
|
- **[Устранение неполадок](Troubleshooting.md)** - Решение типичных проблем
|
||||||
|
|
||||||
|
## 🚀 Быстрый старт
|
||||||
|
|
||||||
|
Для быстрого начала работы с SECURE-T:
|
||||||
|
|
||||||
|
1. Прочитайте [Руководство по быстрому старту](SECURE-T_Quick_Start.md)
|
||||||
|
2. Изучите [Примеры конфигурации](SECURE-T_Configuration_Examples.md)
|
||||||
|
3. Следуйте инструкциям по установке
|
||||||
|
|
||||||
|
## 🔧 Основные возможности
|
||||||
|
|
||||||
|
### Криптографическая защита
|
||||||
|
- Шифрование данных с использованием AES-256
|
||||||
|
- Асимметричное шифрование RSA-4096
|
||||||
|
- Управление ключами и PKI
|
||||||
|
- Цифровая подпись документов
|
||||||
|
|
||||||
|
### Сетевая безопасность
|
||||||
|
- Межсетевые экраны (Firewall)
|
||||||
|
- Системы обнаружения вторжений (IDS/IPS)
|
||||||
|
- Веб-защита (WAF)
|
||||||
|
- VPN-шлюзы
|
||||||
|
|
||||||
|
### Мониторинг и аналитика
|
||||||
|
- SIEM интеграция
|
||||||
|
- Мониторинг событий в real-time
|
||||||
|
- Автоматическое реагирование на угрозы
|
||||||
|
- Генерация отчетов
|
||||||
|
|
||||||
|
### Интеграции
|
||||||
|
- Active Directory / LDAP
|
||||||
|
- Популярные SIEM системы
|
||||||
|
- Системы уведомлений (Slack, Email)
|
||||||
|
- API для внешних систем
|
||||||
|
|
||||||
|
## 📋 Системные требования
|
||||||
|
|
||||||
|
### Минимальные требования
|
||||||
|
- **ОС:** Ubuntu 20.04+, Windows Server 2019+, CentOS 8+
|
||||||
|
- **Процессор:** Intel Xeon E5-2600 v4 или аналогичный
|
||||||
|
- **ОЗУ:** 16 GB
|
||||||
|
- **Диск:** 500 GB SSD
|
||||||
|
- **Сеть:** Gigabit Ethernet
|
||||||
|
|
||||||
|
### Рекомендуемые требования
|
||||||
|
- **Процессор:** Intel Xeon Gold 6200 или аналогичный
|
||||||
|
- **ОЗУ:** 64 GB
|
||||||
|
- **Диск:** 2 TB NVMe SSD
|
||||||
|
- **Сеть:** 10 Gigabit Ethernet
|
||||||
|
|
||||||
|
## 🛡️ Соответствие стандартам
|
||||||
|
|
||||||
|
SECURE-T соответствует следующим стандартам:
|
||||||
|
- **ГОСТ Р 57580.1-2017** - Безопасность финансовых услуг
|
||||||
|
- **ISO 27001** - Системы менеджмента информационной безопасности
|
||||||
|
- **NIST Cybersecurity Framework** - Основы кибербезопасности
|
||||||
|
- **PCI DSS** - Стандарт безопасности данных платежных карт
|
||||||
|
|
||||||
|
## 📞 Поддержка
|
||||||
|
|
||||||
|
### Техническая поддержка
|
||||||
|
- **Email:** support@secure-t.com
|
||||||
|
- **Телефон:** +7 (495) 123-45-67
|
||||||
|
- **Время работы:** 24/7
|
||||||
|
|
||||||
|
### Полезные ссылки
|
||||||
|
- [Официальный сайт](https://secure-t.com)
|
||||||
|
- [База знаний](https://kb.secure-t.com)
|
||||||
|
- [Форум сообщества](https://community.secure-t.com)
|
||||||
|
- [GitHub репозиторий](https://github.com/secure-t/secure-t)
|
||||||
|
|
||||||
|
## 📖 Структура документации
|
||||||
|
|
||||||
|
```
|
||||||
|
docs/
|
||||||
|
├── README.md # Этот файл
|
||||||
|
├── SECURE-T_Documentation.md # Полная документация
|
||||||
|
├── SECURE-T_Quick_Start.md # Быстрый старт
|
||||||
|
├── SECURE-T_Configuration_Examples.md # Примеры конфигурации
|
||||||
|
├── API_Reference.md # Справочник API
|
||||||
|
├── Admin_Guide.md # Руководство администратора
|
||||||
|
├── User_Guide.md # Руководство пользователя
|
||||||
|
├── Best_Practices.md # Лучшие практики
|
||||||
|
├── Troubleshooting.md # Устранение неполадок
|
||||||
|
└── examples/ # Примеры файлов
|
||||||
|
├── config/ # Примеры конфигураций
|
||||||
|
├── policies/ # Примеры политик
|
||||||
|
└── scripts/ # Полезные скрипты
|
||||||
|
```
|
||||||
|
|
||||||
|
## 🔄 Обновления документации
|
||||||
|
|
||||||
|
Документация регулярно обновляется. Основные изменения:
|
||||||
|
|
||||||
|
### Версия 1.0 (2024)
|
||||||
|
- Первый релиз документации
|
||||||
|
- Полное описание всех компонентов
|
||||||
|
- Руководства по установке и настройке
|
||||||
|
- Примеры конфигураций
|
||||||
|
- API документация
|
||||||
|
|
||||||
|
## 💡 Как пользоваться документацией
|
||||||
|
|
||||||
|
1. **Новички:** начните с [Руководства по быстрому старту](SECURE-T_Quick_Start.md)
|
||||||
|
2. **Администраторы:** изучите [Полную документацию](SECURE-T_Documentation.md) и [Руководство администратора](Admin_Guide.md)
|
||||||
|
3. **Разработчики:** обратитесь к [API документации](API_Reference.md)
|
||||||
|
4. **Пользователи:** прочитайте [Руководство пользователя](User_Guide.md)
|
||||||
|
|
||||||
|
## 🤝 Обратная связь
|
||||||
|
|
||||||
|
Мы ценим ваши отзывы и предложения по улучшению документации. Если вы нашли ошибку или хотите предложить улучшение:
|
||||||
|
|
||||||
|
- Отправьте email на docs@secure-t.com
|
||||||
|
- Создайте issue в GitHub репозитории
|
||||||
|
- Обратитесь в техническую поддержку
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*© 2024 GUNDYREV. Все права защищены.*
|
||||||
1
public/docs/SECURE-T_Configuration_Examples.md
Normal file
1
public/docs/SECURE-T_Configuration_Examples.md
Normal file
@ -0,0 +1 @@
|
|||||||
|
# SECURE-T - Примеры конфигурации
|
||||||
491
public/docs/SECURE-T_Documentation.md
Normal file
491
public/docs/SECURE-T_Documentation.md
Normal file
@ -0,0 +1,491 @@
|
|||||||
|
# SECURE-T - Документация
|
||||||
|
|
||||||
|
## Содержание
|
||||||
|
1. [Обзор системы](#обзор-системы)
|
||||||
|
2. [Основные решения](#основные-решения)
|
||||||
|
3. [Технологии](#технологии)
|
||||||
|
4. [Архитектура](#архитектура)
|
||||||
|
5. [Установка и настройка](#установка-и-настройка)
|
||||||
|
6. [Руководство пользователя](#руководство-пользователя)
|
||||||
|
7. [API документация](#api-документация)
|
||||||
|
8. [Безопасность](#безопасность)
|
||||||
|
9. [Поддержка](#поддержка)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Обзор системы
|
||||||
|
|
||||||
|
**SECURE-T** — это комплексная система информационной безопасности, разработанная для защиты корпоративных данных и IT-инфраструктуры от современных киберугроз.
|
||||||
|
|
||||||
|
### Основные преимущества
|
||||||
|
- ✅ Комплексная защита данных
|
||||||
|
- ✅ Современные криптографические алгоритмы
|
||||||
|
- ✅ Интеграция с существующей инфраструктурой
|
||||||
|
- ✅ Централизованное управление безопасностью
|
||||||
|
- ✅ Соответствие российским и международным стандартам
|
||||||
|
|
||||||
|
### Целевая аудитория
|
||||||
|
- Крупные корпорации
|
||||||
|
- Государственные учреждения
|
||||||
|
- Финансовые организации
|
||||||
|
- Медицинские учреждения
|
||||||
|
- Образовательные институты
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Основные решения
|
||||||
|
|
||||||
|
### 🔐 Криптографическая защита
|
||||||
|
Обеспечивает надежное шифрование данных с использованием современных алгоритмов.
|
||||||
|
|
||||||
|
**Возможности:**
|
||||||
|
- Шифрование файлов и баз данных
|
||||||
|
- Защита каналов связи
|
||||||
|
- Цифровая подпись документов
|
||||||
|
- Управление ключами шифрования
|
||||||
|
|
||||||
|
**Поддерживаемые алгоритмы:**
|
||||||
|
- AES-256 (симметричное шифрование)
|
||||||
|
- RSA-4096 (асимметричное шифрование)
|
||||||
|
- SHA-3 (хеширование)
|
||||||
|
|
||||||
|
### 🛡️ Сетевая безопасность
|
||||||
|
Комплексная защита сетевой инфраструктуры от внешних и внутренних угроз.
|
||||||
|
|
||||||
|
**Компоненты:**
|
||||||
|
- Межсетевые экраны (Firewall)
|
||||||
|
- Системы обнаружения вторжений (IDS/IPS)
|
||||||
|
- Веб-защита (WAF)
|
||||||
|
- VPN-шлюзы
|
||||||
|
|
||||||
|
**Функции:**
|
||||||
|
- Фильтрация трафика
|
||||||
|
- Блокировка вредоносных соединений
|
||||||
|
- Мониторинг сетевой активности
|
||||||
|
- Защита от DDoS-атак
|
||||||
|
|
||||||
|
### 📊 Мониторинг безопасности
|
||||||
|
Система непрерывного мониторинга и анализа событий безопасности.
|
||||||
|
|
||||||
|
**Возможности:**
|
||||||
|
- Сбор и анализ журналов событий
|
||||||
|
- Корреляция инцидентов
|
||||||
|
- Автоматическое реагирование на угрозы
|
||||||
|
- Генерация отчетов о безопасности
|
||||||
|
|
||||||
|
**Интеграция с SIEM:**
|
||||||
|
- Централизованный сбор данных
|
||||||
|
- Анализ в реальном времени
|
||||||
|
- Настраиваемые правила корреляции
|
||||||
|
- Панель управления безопасностью
|
||||||
|
|
||||||
|
### 🔍 Аудит безопасности
|
||||||
|
Проведение комплексного анализа систем информационной безопасности.
|
||||||
|
|
||||||
|
**Виды аудита:**
|
||||||
|
- Технический аудит инфраструктуры
|
||||||
|
- Аудит соответствия стандартам
|
||||||
|
- Анализ уязвимостей
|
||||||
|
- Оценка рисков информационной безопасности
|
||||||
|
|
||||||
|
### ⚙️ Интеграция систем
|
||||||
|
Бесшовная интеграция с существующей IT-инфраструктурой.
|
||||||
|
|
||||||
|
**Поддерживаемые системы:**
|
||||||
|
- Active Directory
|
||||||
|
- LDAP
|
||||||
|
- Oracle Database
|
||||||
|
- Microsoft SQL Server
|
||||||
|
- VMware vCenter
|
||||||
|
- Cisco Network Equipment
|
||||||
|
|
||||||
|
### 📚 Обучение персонала
|
||||||
|
Комплексные программы повышения квалификации в области информационной безопасности.
|
||||||
|
|
||||||
|
**Программы обучения:**
|
||||||
|
- Основы информационной безопасности
|
||||||
|
- Работа с системами SECURE-T
|
||||||
|
- Реагирование на инциденты
|
||||||
|
- Администрирование систем безопасности
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Технологии
|
||||||
|
|
||||||
|
### Криптографические технологии
|
||||||
|
| Технология | Назначение | Стандарт |
|
||||||
|
|------------|------------|----------|
|
||||||
|
| **AES-256** | Симметричное шифрование данных | FIPS 197 |
|
||||||
|
| **RSA-4096** | Асимметричное шифрование | PKCS #1 |
|
||||||
|
| **SHA-3** | Криптографическое хеширование | FIPS 202 |
|
||||||
|
| **PKI** | Инфраструктура открытых ключей | RFC 5280 |
|
||||||
|
|
||||||
|
### Системы безопасности
|
||||||
|
| Технология | Описание |
|
||||||
|
|------------|----------|
|
||||||
|
| **SIEM** | Управление информацией и событиями безопасности |
|
||||||
|
| **DLP** | Предотвращение утечек данных |
|
||||||
|
| **WAF** | Веб-защита приложений |
|
||||||
|
| **IDS/IPS** | Обнаружение и предотвращение вторжений |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Архитектура
|
||||||
|
|
||||||
|
### Архитектурная схема
|
||||||
|
```
|
||||||
|
┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐
|
||||||
|
│ Пользователи │ │ Приложения │ │ Данные │
|
||||||
|
└─────────┬───────┘ └─────────┬───────┘ └─────────┬───────┘
|
||||||
|
│ │ │
|
||||||
|
▼ ▼ ▼
|
||||||
|
┌─────────────────────────────────────────────────────────────────┐
|
||||||
|
│ SECURE-T Platform │
|
||||||
|
├─────────────────┬─────────────────┬─────────────────────────────┤
|
||||||
|
│ Аутентификация │ Авторизация │ Аудит │
|
||||||
|
├─────────────────┼─────────────────┼─────────────────────────────┤
|
||||||
|
│ Шифрование │ Мониторинг │ Управление │
|
||||||
|
└─────────────────┴─────────────────┴─────────────────────────────┘
|
||||||
|
```
|
||||||
|
|
||||||
|
### Компоненты системы
|
||||||
|
|
||||||
|
#### Центр управления безопасностью (SOC)
|
||||||
|
- Централизованная консоль управления
|
||||||
|
- Мониторинг в реальном времени
|
||||||
|
- Управление инцидентами
|
||||||
|
- Отчетность и аналитика
|
||||||
|
|
||||||
|
#### Модуль криптографической защиты
|
||||||
|
- Управление ключами шифрования
|
||||||
|
- Шифрование/дешифрование данных
|
||||||
|
- Цифровая подпись
|
||||||
|
- Проверка целостности
|
||||||
|
|
||||||
|
#### Сетевой модуль безопасности
|
||||||
|
- Межсетевые экраны
|
||||||
|
- Системы обнаружения вторжений
|
||||||
|
- VPN-шлюзы
|
||||||
|
- Анализ трафика
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Установка и настройка
|
||||||
|
|
||||||
|
### Системные требования
|
||||||
|
|
||||||
|
#### Минимальные требования
|
||||||
|
- **ОС:** Windows Server 2019/2022, Linux (Ubuntu 20.04+, CentOS 8+)
|
||||||
|
- **Процессор:** Intel Xeon E5-2600 v4 или аналогичный
|
||||||
|
- **ОЗУ:** 16 GB
|
||||||
|
- **Дисковое пространство:** 500 GB SSD
|
||||||
|
- **Сеть:** Gigabit Ethernet
|
||||||
|
|
||||||
|
#### Рекомендуемые требования
|
||||||
|
- **Процессор:** Intel Xeon Gold 6200 или аналогичный
|
||||||
|
- **ОЗУ:** 64 GB
|
||||||
|
- **Дисковое пространство:** 2 TB NVMe SSD
|
||||||
|
- **Сеть:** 10 Gigabit Ethernet
|
||||||
|
|
||||||
|
### Процедура установки
|
||||||
|
|
||||||
|
#### 1. Подготовка инфраструктуры
|
||||||
|
```bash
|
||||||
|
# Обновление системы
|
||||||
|
sudo apt update && sudo apt upgrade -y
|
||||||
|
|
||||||
|
# Установка зависимостей
|
||||||
|
sudo apt install -y docker.io docker-compose postgresql-client
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 2. Установка SECURE-T
|
||||||
|
```bash
|
||||||
|
# Загрузка установочного пакета
|
||||||
|
wget https://releases.secure-t.com/latest/secure-t-installer.tar.gz
|
||||||
|
|
||||||
|
# Распаковка
|
||||||
|
tar -xzf secure-t-installer.tar.gz
|
||||||
|
|
||||||
|
# Запуск установки
|
||||||
|
sudo ./install.sh
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 3. Первоначальная настройка
|
||||||
|
```bash
|
||||||
|
# Инициализация базы данных
|
||||||
|
secure-t-admin init-db
|
||||||
|
|
||||||
|
# Создание администратора
|
||||||
|
secure-t-admin create-admin --username admin --password <password>
|
||||||
|
|
||||||
|
# Запуск сервисов
|
||||||
|
systemctl start secure-t
|
||||||
|
systemctl enable secure-t
|
||||||
|
```
|
||||||
|
|
||||||
|
### Конфигурация
|
||||||
|
|
||||||
|
#### Основной файл конфигурации
|
||||||
|
```yaml
|
||||||
|
# /etc/secure-t/config.yaml
|
||||||
|
server:
|
||||||
|
host: "0.0.0.0"
|
||||||
|
port: 8443
|
||||||
|
ssl:
|
||||||
|
enabled: true
|
||||||
|
cert_file: "/etc/secure-t/ssl/server.crt"
|
||||||
|
key_file: "/etc/secure-t/ssl/server.key"
|
||||||
|
|
||||||
|
database:
|
||||||
|
type: "postgresql"
|
||||||
|
host: "localhost"
|
||||||
|
port: 5432
|
||||||
|
name: "secure_t"
|
||||||
|
username: "secure_t_user"
|
||||||
|
password: "secure_password"
|
||||||
|
|
||||||
|
crypto:
|
||||||
|
default_algorithm: "AES-256-GCM"
|
||||||
|
key_derivation: "PBKDF2"
|
||||||
|
hash_algorithm: "SHA-3-256"
|
||||||
|
|
||||||
|
logging:
|
||||||
|
level: "INFO"
|
||||||
|
file: "/var/log/secure-t/secure-t.log"
|
||||||
|
max_size: "100MB"
|
||||||
|
max_files: 10
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Руководство пользователя
|
||||||
|
|
||||||
|
### Веб-интерфейс
|
||||||
|
|
||||||
|
#### Вход в систему
|
||||||
|
1. Откройте браузер и перейдите по адресу: `https://your-server:8443`
|
||||||
|
2. Введите логин и пароль
|
||||||
|
3. Пройдите двухфакторную аутентификацию (если настроена)
|
||||||
|
|
||||||
|
#### Главная панель управления
|
||||||
|
- **Дашборд** - общая информация о состоянии безопасности
|
||||||
|
- **События** - журнал событий безопасности
|
||||||
|
- **Политики** - настройка политик безопасности
|
||||||
|
- **Пользователи** - управление пользователями и ролями
|
||||||
|
- **Отчеты** - генерация отчетов
|
||||||
|
|
||||||
|
### Основные операции
|
||||||
|
|
||||||
|
#### Создание политики шифрования
|
||||||
|
1. Перейдите в раздел "Политики"
|
||||||
|
2. Нажмите "Создать новую политику"
|
||||||
|
3. Выберите тип данных для шифрования
|
||||||
|
4. Настройте параметры шифрования
|
||||||
|
5. Примените политику к нужным ресурсам
|
||||||
|
|
||||||
|
#### Мониторинг событий
|
||||||
|
1. Откройте раздел "События"
|
||||||
|
2. Используйте фильтры для поиска нужных событий
|
||||||
|
3. Просмотрите детали события
|
||||||
|
4. При необходимости создайте инцидент
|
||||||
|
|
||||||
|
#### Управление пользователями
|
||||||
|
1. Перейдите в раздел "Пользователи"
|
||||||
|
2. Добавьте нового пользователя
|
||||||
|
3. Назначьте роли и права доступа
|
||||||
|
4. Настройте двухфакторную аутентификацию
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## API документация
|
||||||
|
|
||||||
|
### Аутентификация
|
||||||
|
|
||||||
|
Все API запросы должны содержать токен аутентификации в заголовке:
|
||||||
|
```
|
||||||
|
Authorization: Bearer <your-token>
|
||||||
|
```
|
||||||
|
|
||||||
|
### Получение токена
|
||||||
|
```http
|
||||||
|
POST /api/v1/auth/login
|
||||||
|
Content-Type: application/json
|
||||||
|
|
||||||
|
{
|
||||||
|
"username": "admin",
|
||||||
|
"password": "password"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Ответ:**
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
|
||||||
|
"expires_in": 3600
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Основные эндпоинты
|
||||||
|
|
||||||
|
#### Управление пользователями
|
||||||
|
```http
|
||||||
|
GET /api/v1/users
|
||||||
|
POST /api/v1/users
|
||||||
|
PUT /api/v1/users/{id}
|
||||||
|
DELETE /api/v1/users/{id}
|
||||||
|
```
|
||||||
|
|
||||||
|
#### События безопасности
|
||||||
|
```http
|
||||||
|
GET /api/v1/events
|
||||||
|
GET /api/v1/events/{id}
|
||||||
|
POST /api/v1/events/search
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Политики безопасности
|
||||||
|
```http
|
||||||
|
GET /api/v1/policies
|
||||||
|
POST /api/v1/policies
|
||||||
|
PUT /api/v1/policies/{id}
|
||||||
|
DELETE /api/v1/policies/{id}
|
||||||
|
```
|
||||||
|
|
||||||
|
### Примеры использования
|
||||||
|
|
||||||
|
#### Получение списка событий
|
||||||
|
```bash
|
||||||
|
curl -X GET \
|
||||||
|
https://your-server:8443/api/v1/events \
|
||||||
|
-H 'Authorization: Bearer <token>' \
|
||||||
|
-H 'Content-Type: application/json'
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Создание нового пользователя
|
||||||
|
```bash
|
||||||
|
curl -X POST \
|
||||||
|
https://your-server:8443/api/v1/users \
|
||||||
|
-H 'Authorization: Bearer <token>' \
|
||||||
|
-H 'Content-Type: application/json' \
|
||||||
|
-d '{
|
||||||
|
"username": "newuser",
|
||||||
|
"email": "user@example.com",
|
||||||
|
"role": "operator"
|
||||||
|
}'
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Безопасность
|
||||||
|
|
||||||
|
### Рекомендации по безопасности
|
||||||
|
|
||||||
|
#### Настройка SSL/TLS
|
||||||
|
- Используйте только TLS 1.2 или выше
|
||||||
|
- Настройте сильные шифры
|
||||||
|
- Регулярно обновляйте SSL-сертификаты
|
||||||
|
|
||||||
|
#### Управление паролями
|
||||||
|
- Минимальная длина пароля: 12 символов
|
||||||
|
- Обязательное использование спецсимволов
|
||||||
|
- Регулярная смена паролей (каждые 90 дней)
|
||||||
|
- Запрет на повторное использование последних 12 паролей
|
||||||
|
|
||||||
|
#### Двухфакторная аутентификация
|
||||||
|
- Обязательна для всех администраторов
|
||||||
|
- Поддержка TOTP (Google Authenticator, Authy)
|
||||||
|
- Резервные коды для восстановления доступа
|
||||||
|
|
||||||
|
#### Аудит и мониторинг
|
||||||
|
- Включите детальное логирование всех операций
|
||||||
|
- Настройте автоматические уведомления о критических событиях
|
||||||
|
- Регулярно проводите анализ журналов безопасности
|
||||||
|
|
||||||
|
### Соответствие стандартам
|
||||||
|
|
||||||
|
SECURE-T соответствует следующим стандартам:
|
||||||
|
- **ГОСТ Р 57580.1-2017** - Безопасность финансовых услуг
|
||||||
|
- **ISO 27001** - Системы менеджмента информационной безопасности
|
||||||
|
- **NIST Cybersecurity Framework** - Основы кибербезопасности
|
||||||
|
- **PCI DSS** - Стандарт безопасности данных платежных карт
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Поддержка
|
||||||
|
|
||||||
|
### Техническая поддержка
|
||||||
|
|
||||||
|
#### Контактная информация
|
||||||
|
- **Email:** support@secure-t.com
|
||||||
|
- **Телефон:** +7 (495) 123-45-67
|
||||||
|
- **Время работы:** 24/7
|
||||||
|
|
||||||
|
#### Уровни поддержки
|
||||||
|
- **Критический** - отклик в течение 1 часа
|
||||||
|
- **Высокий** - отклик в течение 4 часов
|
||||||
|
- **Средний** - отклик в течение 8 часов
|
||||||
|
- **Низкий** - отклик в течение 24 часов
|
||||||
|
|
||||||
|
### Обновления и патчи
|
||||||
|
|
||||||
|
#### Автоматические обновления
|
||||||
|
```bash
|
||||||
|
# Включение автоматических обновлений
|
||||||
|
secure-t-admin config set auto-update enabled
|
||||||
|
|
||||||
|
# Настройка расписания обновлений
|
||||||
|
secure-t-admin config set update-schedule "0 2 * * 0"
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Ручные обновления
|
||||||
|
```bash
|
||||||
|
# Проверка доступных обновлений
|
||||||
|
secure-t-admin update check
|
||||||
|
|
||||||
|
# Установка обновлений
|
||||||
|
secure-t-admin update install
|
||||||
|
|
||||||
|
# Откат к предыдущей версии
|
||||||
|
secure-t-admin update rollback
|
||||||
|
```
|
||||||
|
|
||||||
|
### Документация и ресурсы
|
||||||
|
|
||||||
|
#### Дополнительные материалы
|
||||||
|
- 📄 **Техническая документация** - подробные руководства по настройке
|
||||||
|
- 🎯 **Методические материалы** - лучшие практики безопасности
|
||||||
|
- 🔧 **Инструменты настройки** - утилиты для конфигурирования
|
||||||
|
- 📊 **Отчеты и аналитика** - шаблоны отчетов
|
||||||
|
- 🎓 **Обучающие материалы** - курсы и тренинги
|
||||||
|
- 📋 **Сертификаты и лицензии** - документы о соответствии
|
||||||
|
|
||||||
|
#### Полезные ссылки
|
||||||
|
- [Официальный сайт](https://secure-t.com)
|
||||||
|
- [База знаний](https://kb.secure-t.com)
|
||||||
|
- [Форум сообщества](https://community.secure-t.com)
|
||||||
|
- [GitHub репозиторий](https://github.com/secure-t/secure-t)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Приложения
|
||||||
|
|
||||||
|
### Приложение A: Коды ошибок
|
||||||
|
| Код | Описание | Решение |
|
||||||
|
|-----|----------|---------|
|
||||||
|
| ST-001 | Ошибка аутентификации | Проверьте логин и пароль |
|
||||||
|
| ST-002 | Недостаточно прав | Обратитесь к администратору |
|
||||||
|
| ST-003 | Ошибка шифрования | Проверьте настройки криптографии |
|
||||||
|
| ST-004 | Сетевая ошибка | Проверьте сетевые подключения |
|
||||||
|
|
||||||
|
### Приложение B: Глоссарий
|
||||||
|
- **AES** - Advanced Encryption Standard, стандарт шифрования
|
||||||
|
- **DLP** - Data Loss Prevention, предотвращение утечек данных
|
||||||
|
- **IDS/IPS** - Intrusion Detection/Prevention System
|
||||||
|
- **PKI** - Public Key Infrastructure, инфраструктура открытых ключей
|
||||||
|
- **SIEM** - Security Information and Event Management
|
||||||
|
- **WAF** - Web Application Firewall, веб-защита приложений
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*Документация SECURE-T версия 1.0*
|
||||||
|
*Последнее обновление: 2024*
|
||||||
|
*© GUNDYREV. Все права защищены.*
|
||||||
327
public/docs/SECURE-T_Quick_Start.md
Normal file
327
public/docs/SECURE-T_Quick_Start.md
Normal file
@ -0,0 +1,327 @@
|
|||||||
|
# SECURE-T - Руководство по быстрому старту
|
||||||
|
|
||||||
|
## 🚀 Быстрый старт
|
||||||
|
|
||||||
|
Это руководство поможет вам быстро развернуть и настроить систему SECURE-T для начала работы.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Предварительные требования
|
||||||
|
|
||||||
|
### Системные требования
|
||||||
|
- **ОС:** Ubuntu 20.04+ или Windows Server 2019+
|
||||||
|
- **RAM:** минимум 16 GB
|
||||||
|
- **Диск:** минимум 500 GB SSD
|
||||||
|
- **Сеть:** доступ в интернет для загрузки компонентов
|
||||||
|
|
||||||
|
### Необходимые права
|
||||||
|
- Права администратора (root/Administrator)
|
||||||
|
- Доступ к портам 8443, 5432, 443
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 1: Подготовка системы
|
||||||
|
|
||||||
|
### Ubuntu/Linux
|
||||||
|
```bash
|
||||||
|
# Обновление системы
|
||||||
|
sudo apt update && sudo apt upgrade -y
|
||||||
|
|
||||||
|
# Установка Docker
|
||||||
|
sudo apt install -y docker.io docker-compose
|
||||||
|
|
||||||
|
# Запуск Docker
|
||||||
|
sudo systemctl start docker
|
||||||
|
sudo systemctl enable docker
|
||||||
|
|
||||||
|
# Добавление пользователя в группу docker
|
||||||
|
sudo usermod -aG docker $USER
|
||||||
|
```
|
||||||
|
|
||||||
|
### Windows Server
|
||||||
|
```powershell
|
||||||
|
# Включение Hyper-V (требует перезагрузки)
|
||||||
|
Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Hyper-V -All
|
||||||
|
|
||||||
|
# Установка Docker Desktop for Windows Server
|
||||||
|
# Скачайте с официального сайта Docker
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 2: Загрузка и установка SECURE-T
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Создание рабочей директории
|
||||||
|
mkdir -p /opt/secure-t
|
||||||
|
cd /opt/secure-t
|
||||||
|
|
||||||
|
# Загрузка установочного пакета
|
||||||
|
wget https://releases.secure-t.com/latest/secure-t-installer.tar.gz
|
||||||
|
|
||||||
|
# Распаковка
|
||||||
|
tar -xzf secure-t-installer.tar.gz
|
||||||
|
|
||||||
|
# Запуск установки
|
||||||
|
sudo ./install.sh --quick-start
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 3: Первоначальная настройка
|
||||||
|
|
||||||
|
### Автоматическая настройка
|
||||||
|
```bash
|
||||||
|
# Запуск мастера настройки
|
||||||
|
sudo secure-t-admin setup --wizard
|
||||||
|
|
||||||
|
# Следуйте инструкциям мастера:
|
||||||
|
# 1. Выберите тип развертывания (Standalone/Cluster)
|
||||||
|
# 2. Настройте базу данных
|
||||||
|
# 3. Создайте администратора
|
||||||
|
# 4. Настройте SSL-сертификаты
|
||||||
|
```
|
||||||
|
|
||||||
|
### Ручная настройка
|
||||||
|
```bash
|
||||||
|
# Инициализация базы данных
|
||||||
|
secure-t-admin init-db
|
||||||
|
|
||||||
|
# Создание администратора
|
||||||
|
secure-t-admin create-admin \
|
||||||
|
--username admin \
|
||||||
|
--password SecurePassword123! \
|
||||||
|
--email admin@company.com
|
||||||
|
|
||||||
|
# Генерация SSL-сертификатов
|
||||||
|
secure-t-admin ssl generate-cert \
|
||||||
|
--domain your-domain.com \
|
||||||
|
--organization "Your Company"
|
||||||
|
|
||||||
|
# Запуск сервисов
|
||||||
|
systemctl start secure-t
|
||||||
|
systemctl enable secure-t
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 4: Проверка установки
|
||||||
|
|
||||||
|
### Проверка статуса сервисов
|
||||||
|
```bash
|
||||||
|
# Проверка статуса
|
||||||
|
systemctl status secure-t
|
||||||
|
|
||||||
|
# Проверка логов
|
||||||
|
journalctl -u secure-t -f
|
||||||
|
|
||||||
|
# Проверка портов
|
||||||
|
netstat -tlnp | grep :8443
|
||||||
|
```
|
||||||
|
|
||||||
|
### Веб-интерфейс
|
||||||
|
1. Откройте браузер
|
||||||
|
2. Перейдите по адресу: `https://your-server:8443`
|
||||||
|
3. Войдите с учетными данными администратора
|
||||||
|
4. Проверьте дашборд
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 5: Базовая конфигурация
|
||||||
|
|
||||||
|
### Настройка первой политики безопасности
|
||||||
|
1. Войдите в веб-интерфейс
|
||||||
|
2. Перейдите в **Политики** → **Создать новую**
|
||||||
|
3. Выберите **Шифрование файлов**
|
||||||
|
4. Настройте параметры:
|
||||||
|
- Алгоритм: AES-256
|
||||||
|
- Область применения: `/home/users`
|
||||||
|
- Расписание: Немедленно
|
||||||
|
5. Сохраните и активируйте политику
|
||||||
|
|
||||||
|
### Добавление пользователей
|
||||||
|
1. Перейдите в **Пользователи** → **Добавить**
|
||||||
|
2. Заполните данные:
|
||||||
|
- Имя пользователя
|
||||||
|
- Email
|
||||||
|
- Роль (Operator/Admin)
|
||||||
|
3. Настройте двухфакторную аутентификацию
|
||||||
|
4. Отправьте приглашение
|
||||||
|
|
||||||
|
### Настройка мониторинга
|
||||||
|
1. Перейдите в **Мониторинг** → **Настройки**
|
||||||
|
2. Включите сбор событий:
|
||||||
|
- Системные события
|
||||||
|
- События безопасности
|
||||||
|
- Сетевые события
|
||||||
|
3. Настройте уведомления:
|
||||||
|
- Email-уведомления
|
||||||
|
- Telegram/Slack интеграция
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Шаг 6: Тестирование
|
||||||
|
|
||||||
|
### Тест шифрования
|
||||||
|
```bash
|
||||||
|
# Создание тестового файла
|
||||||
|
echo "Тестовые данные" > /tmp/test.txt
|
||||||
|
|
||||||
|
# Шифрование через CLI
|
||||||
|
secure-t-cli encrypt \
|
||||||
|
--file /tmp/test.txt \
|
||||||
|
--output /tmp/test.enc \
|
||||||
|
--algorithm AES-256
|
||||||
|
|
||||||
|
# Проверка результата
|
||||||
|
ls -la /tmp/test.*
|
||||||
|
```
|
||||||
|
|
||||||
|
### Тест мониторинга
|
||||||
|
1. Выполните несколько действий в системе
|
||||||
|
2. Перейдите в **События** в веб-интерфейсе
|
||||||
|
3. Убедитесь, что события регистрируются
|
||||||
|
4. Проверьте фильтрацию и поиск
|
||||||
|
|
||||||
|
### Тест API
|
||||||
|
```bash
|
||||||
|
# Получение токена
|
||||||
|
TOKEN=$(curl -s -X POST \
|
||||||
|
https://your-server:8443/api/v1/auth/login \
|
||||||
|
-H 'Content-Type: application/json' \
|
||||||
|
-d '{"username":"admin","password":"SecurePassword123!"}' \
|
||||||
|
-k | jq -r '.token')
|
||||||
|
|
||||||
|
# Тест API
|
||||||
|
curl -X GET \
|
||||||
|
https://your-server:8443/api/v1/status \
|
||||||
|
-H "Authorization: Bearer $TOKEN" \
|
||||||
|
-k
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Troubleshooting
|
||||||
|
|
||||||
|
### Часто встречающиеся проблемы
|
||||||
|
|
||||||
|
#### Сервис не запускается
|
||||||
|
```bash
|
||||||
|
# Проверка логов
|
||||||
|
journalctl -u secure-t --no-pager -l
|
||||||
|
|
||||||
|
# Проверка конфигурации
|
||||||
|
secure-t-admin config validate
|
||||||
|
|
||||||
|
# Перезапуск сервиса
|
||||||
|
sudo systemctl restart secure-t
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Не работает веб-интерфейс
|
||||||
|
```bash
|
||||||
|
# Проверка портов
|
||||||
|
sudo netstat -tlnp | grep :8443
|
||||||
|
|
||||||
|
# Проверка SSL-сертификатов
|
||||||
|
openssl s_client -connect localhost:8443 -servername localhost
|
||||||
|
|
||||||
|
# Проверка firewall
|
||||||
|
sudo ufw status
|
||||||
|
sudo firewall-cmd --list-all
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Проблемы с базой данных
|
||||||
|
```bash
|
||||||
|
# Проверка соединения с БД
|
||||||
|
secure-t-admin db-check
|
||||||
|
|
||||||
|
# Восстановление БД из резервной копии
|
||||||
|
secure-t-admin db-restore --backup /path/to/backup.sql
|
||||||
|
|
||||||
|
# Пересоздание БД
|
||||||
|
secure-t-admin db-reset --confirm
|
||||||
|
```
|
||||||
|
|
||||||
|
### Получение помощи
|
||||||
|
- **Документация:** `https://docs.secure-t.com`
|
||||||
|
- **Поддержка:** `support@secure-t.com`
|
||||||
|
- **Телефон:** `+7 (495) 123-45-67`
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Следующие шаги
|
||||||
|
|
||||||
|
После успешной установки рекомендуется:
|
||||||
|
|
||||||
|
1. **Изучить полную документацию** - `docs/SECURE-T_Documentation.md`
|
||||||
|
2. **Настроить резервное копирование**
|
||||||
|
3. **Интегрировать с существующими системами**
|
||||||
|
4. **Провести обучение персонала**
|
||||||
|
5. **Настроить мониторинг и алерты**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Полезные команды
|
||||||
|
|
||||||
|
### Управление сервисом
|
||||||
|
```bash
|
||||||
|
# Статус
|
||||||
|
systemctl status secure-t
|
||||||
|
|
||||||
|
# Запуск/остановка
|
||||||
|
systemctl start secure-t
|
||||||
|
systemctl stop secure-t
|
||||||
|
systemctl restart secure-t
|
||||||
|
|
||||||
|
# Включение/отключение автозапуска
|
||||||
|
systemctl enable secure-t
|
||||||
|
systemctl disable secure-t
|
||||||
|
```
|
||||||
|
|
||||||
|
### Управление конфигурацией
|
||||||
|
```bash
|
||||||
|
# Просмотр конфигурации
|
||||||
|
secure-t-admin config show
|
||||||
|
|
||||||
|
# Изменение параметра
|
||||||
|
secure-t-admin config set server.port 8444
|
||||||
|
|
||||||
|
# Валидация конфигурации
|
||||||
|
secure-t-admin config validate
|
||||||
|
|
||||||
|
# Сброс к умолчаниям
|
||||||
|
secure-t-admin config reset
|
||||||
|
```
|
||||||
|
|
||||||
|
### Управление пользователями
|
||||||
|
```bash
|
||||||
|
# Список пользователей
|
||||||
|
secure-t-admin users list
|
||||||
|
|
||||||
|
# Создание пользователя
|
||||||
|
secure-t-admin users create --username user1 --role operator
|
||||||
|
|
||||||
|
# Смена пароля
|
||||||
|
secure-t-admin users passwd --username user1
|
||||||
|
|
||||||
|
# Блокировка пользователя
|
||||||
|
secure-t-admin users disable --username user1
|
||||||
|
```
|
||||||
|
|
||||||
|
### Резервное копирование
|
||||||
|
```bash
|
||||||
|
# Создание резервной копии
|
||||||
|
secure-t-admin backup create --output /backup/secure-t-$(date +%Y%m%d).tar.gz
|
||||||
|
|
||||||
|
# Восстановление из резервной копии
|
||||||
|
secure-t-admin backup restore --input /backup/secure-t-20241201.tar.gz
|
||||||
|
|
||||||
|
# Автоматическое резервное копирование
|
||||||
|
secure-t-admin backup schedule --daily --time "02:00" --keep 30
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
*Руководство по быстрому старту SECURE-T*
|
||||||
|
*Версия 1.0 | 2024*
|
||||||
|
*© GUNDYREV. Все права защищены.*
|
||||||
387
src/app/about/page.tsx
Normal file
387
src/app/about/page.tsx
Normal file
@ -0,0 +1,387 @@
|
|||||||
|
import Navigation from '../components/Navigation';
|
||||||
|
|
||||||
|
export default function About() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navigation />
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
|
<section className="min-h-screen flex items-center justify-center relative overflow-hidden pt-16">
|
||||||
|
<div className="absolute inset-0 bg-gradient-to-br from-slate-900 via-black to-gray-900"></div>
|
||||||
|
<div className="absolute inset-0 opacity-20">
|
||||||
|
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-slate-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-gray-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative z-10 text-center max-w-6xl mx-auto px-4">
|
||||||
|
<h1 className="text-5xl md:text-7xl font-bold mb-6">
|
||||||
|
О <span className="gradient-text">нас</span>
|
||||||
|
</h1>
|
||||||
|
<p className="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto">
|
||||||
|
GUNDYREV — это команда профессионалов, создающих инновационные IT-решения для современного бизнеса
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Company Story */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="grid md:grid-cols-2 gap-12 items-center">
|
||||||
|
<div>
|
||||||
|
<h2 className="text-4xl font-bold mb-6">
|
||||||
|
Наша <span className="gradient-text">история</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-300 mb-6 leading-relaxed">
|
||||||
|
Компания GUNDYREV была основана с целью предоставления комплексных IT-решений,
|
||||||
|
которые действительно работают и приносят результат. Мы начинали как небольшая
|
||||||
|
команда разработчиков, а сегодня представляем собой многопрофильную IT-компанию
|
||||||
|
с широким спектром услуг.
|
||||||
|
</p>
|
||||||
|
<p className="text-gray-300 mb-6 leading-relaxed">
|
||||||
|
За годы работы мы накопили огромный опыт в различных областях информационных
|
||||||
|
технологий — от разработки программного обеспечения до поставки сложного
|
||||||
|
электронного оборудования. Наш подход основан на глубоком понимании потребностей
|
||||||
|
клиентов и применении самых современных технологий.
|
||||||
|
</p>
|
||||||
|
<p className="text-gray-300 leading-relaxed">
|
||||||
|
Сегодня мы гордимся тем, что являемся надежным партнером как для частных
|
||||||
|
компаний, так и для государственных организаций, предоставляя им качественные
|
||||||
|
решения, которые помогают развивать их бизнес и повышать эффективность работы.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="glass-effect p-6 rounded-lg">
|
||||||
|
<div className="flex items-center space-x-4 mb-4">
|
||||||
|
<div className="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center">
|
||||||
|
<span className="text-black font-bold">2019</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold">Основание компании</h3>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-300">Начало деятельности в сфере разработки ПО</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg">
|
||||||
|
<div className="flex items-center space-x-4 mb-4">
|
||||||
|
<div className="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center">
|
||||||
|
<span className="text-white font-bold">2020</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold">Расширение услуг</h3>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-300">Добавление поставки электроники и системной интеграции</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg">
|
||||||
|
<div className="flex items-center space-x-4 mb-4">
|
||||||
|
<div className="w-12 h-12 bg-purple-500 rounded-full flex items-center justify-center">
|
||||||
|
<span className="text-white font-bold">2022</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold">Государственные контракты</h3>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-300">Начало работы с госсектором по 44-ФЗ и 223-ФЗ</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg">
|
||||||
|
<div className="flex items-center space-x-4 mb-4">
|
||||||
|
<div className="w-12 h-12 bg-amber-500 rounded-full flex items-center justify-center">
|
||||||
|
<span className="text-black font-bold">2024</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold">Полный спектр услуг</h3>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-300">Комплексный поставщик IT-решений и оборудования</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Mission & Values */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Наши <span className="gradient-text">ценности</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-3 gap-8 mb-16">
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🎯</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Результативность</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Мы ориентированы на достижение конкретных результатов и решение реальных задач бизнеса
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-4xl mb-4">🔧</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Профессионализм</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Высокая экспертиза и постоянное развитие компетенций в области IT-технологий
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-4xl mb-4">🤝</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Партнерство</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Долгосрочные отношения с клиентами, основанные на взаимном доверии и понимании
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-yellow-400 text-4xl mb-4">⚡</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Инновации</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Использование передовых технологий и современных подходов к решению задач
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-red-400 text-4xl mb-4">🛡️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Надежность</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Гарантированное качество услуг и соблюдение всех договорных обязательств
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-cyan-400 text-4xl mb-4">📈</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Развитие</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Постоянное совершенствование процессов и расширение спектра предоставляемых услуг
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-12 rounded-lg text-center">
|
||||||
|
<h3 className="text-2xl font-bold mb-6">Наша миссия</h3>
|
||||||
|
<p className="text-xl text-gray-300 max-w-4xl mx-auto leading-relaxed">
|
||||||
|
Предоставлять комплексные IT-решения, которые помогают нашим клиентам достигать
|
||||||
|
бизнес-целей, повышать эффективность работы и успешно развиваться в цифровой экономике.
|
||||||
|
Мы стремимся быть надежным технологическим партнером, который понимает потребности
|
||||||
|
бизнеса и предлагает оптимальные решения.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Services Overview */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Наши <span className="gradient-text">направления</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Комплексный подход к решению IT-задач любой сложности
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-3xl mb-4">💻</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Разработка ПО</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">
|
||||||
|
Веб-приложения, мобильные приложения, десктопные программы
|
||||||
|
</p>
|
||||||
|
<a href="/development" className="text-purple-400 hover:text-purple-300 text-sm font-medium">
|
||||||
|
Подробнее →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-cyan-400 text-3xl mb-4">⚡</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Поставка электроники</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">
|
||||||
|
От аксессуаров до серверного оборудования, работа с госзакупками
|
||||||
|
</p>
|
||||||
|
<a href="/electronics" className="text-cyan-400 hover:text-cyan-300 text-sm font-medium">
|
||||||
|
Подробнее →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-3xl mb-4">🔒</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">UX Софт</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">
|
||||||
|
Программное обеспечение для улучшения пользовательского опыта
|
||||||
|
</p>
|
||||||
|
<a href="/ux-software" className="text-blue-400 hover:text-blue-300 text-sm font-medium">
|
||||||
|
Подробнее →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-amber-400 text-3xl mb-4">🐦</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Соловей</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">
|
||||||
|
Платформа видеосвязи на поддомене заказчика
|
||||||
|
</p>
|
||||||
|
<a href="/solovey" className="text-amber-400 hover:text-amber-300 text-sm font-medium">
|
||||||
|
Подробнее →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-red-400 text-3xl mb-4">🛡️</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Secure-T</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">
|
||||||
|
Решения информационной безопасности и защиты данных
|
||||||
|
</p>
|
||||||
|
<a href="/secure-t" className="text-red-400 hover:text-red-300 text-sm font-medium">
|
||||||
|
Подробнее →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-3xl mb-4">🔧</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Dr.Web</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">
|
||||||
|
Официальный партнер Dr.Web, антивирусные решения
|
||||||
|
</p>
|
||||||
|
<a href="/drweb" className="text-green-400 hover:text-green-300 text-sm font-medium">
|
||||||
|
Подробнее →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-yellow-400 text-3xl mb-4">🏢</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">B2B решения</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">
|
||||||
|
Корпоративные поставки и индивидуальные условия
|
||||||
|
</p>
|
||||||
|
<span className="text-yellow-400 text-sm font-medium">Консультации</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-pink-400 text-3xl mb-4">🏛️</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">B2G решения</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">
|
||||||
|
Работа с государственными организациями по 44-ФЗ и 223-ФЗ
|
||||||
|
</p>
|
||||||
|
<span className="text-pink-400 text-sm font-medium">Тендеры</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Why Choose Us */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Почему выбирают <span className="gradient-text">нас</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 gap-12 items-center">
|
||||||
|
<div>
|
||||||
|
<h3 className="text-2xl font-bold mb-6 text-green-400">Наши преимущества</h3>
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-green-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Комплексный подход</h4>
|
||||||
|
<p className="text-gray-300">Решаем задачи любой сложности — от простых поставок до сложных IT-проектов</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-green-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Опыт работы с госсектором</h4>
|
||||||
|
<p className="text-gray-300">Знаем все тонкости работы по 44-ФЗ и 223-ФЗ, имеем успешный опыт участия в тендерах</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-green-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Собственные разработки</h4>
|
||||||
|
<p className="text-gray-300">Создаем уникальные программные решения под специфические задачи клиентов</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-green-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Партнерства с ведущими брендами</h4>
|
||||||
|
<p className="text-gray-300">Официальные партнерские отношения с производителями оборудования и ПО</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-green-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Постпроектная поддержка</h4>
|
||||||
|
<p className="text-gray-300">Обеспечиваем техническую поддержку и сопровождение после завершения проектов</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-8">
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center">
|
||||||
|
<div className="text-4xl font-bold text-green-400 mb-2">500+</div>
|
||||||
|
<p className="text-gray-300">Выполненных проектов</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center">
|
||||||
|
<div className="text-4xl font-bold text-blue-400 mb-2">150+</div>
|
||||||
|
<p className="text-gray-300">Довольных клиентов</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center">
|
||||||
|
<div className="text-4xl font-bold text-purple-400 mb-2">5+</div>
|
||||||
|
<p className="text-gray-300">Лет на рынке</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center">
|
||||||
|
<div className="text-4xl font-bold text-amber-400 mb-2">24/7</div>
|
||||||
|
<p className="text-gray-300">Техническая поддержка</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Contact Section */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-4xl mx-auto px-4 text-center">
|
||||||
|
<div className="glass-effect p-12 rounded-lg">
|
||||||
|
<h2 className="text-3xl font-bold mb-6">
|
||||||
|
Готовы стать нашим <span className="gradient-text">партнером</span>?
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-300 mb-8 text-lg">
|
||||||
|
Свяжитесь с нами для обсуждения вашего проекта или получения консультации
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||||
|
<button className="px-8 py-3 bg-green-500 text-black font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Связаться с нами
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300">
|
||||||
|
Заказать консультацию
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-black py-12">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 text-center">
|
||||||
|
<div className="mb-8">
|
||||||
|
<span className="text-3xl font-bold gradient-text">GUNDYREV</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-400 mb-4">
|
||||||
|
© 2024 GUNDYREV. Все права защищены.
|
||||||
|
</p>
|
||||||
|
<p className="text-gray-500 text-sm">
|
||||||
|
Ваш надежный IT-партнер для решения любых технологических задач
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
197
src/app/api/docs/[slug]/route.ts
Normal file
197
src/app/api/docs/[slug]/route.ts
Normal file
@ -0,0 +1,197 @@
|
|||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { readFileSync } from 'fs';
|
||||||
|
import { join } from 'path';
|
||||||
|
|
||||||
|
export async function GET(
|
||||||
|
request: NextRequest,
|
||||||
|
{ params }: { params: { slug: string } }
|
||||||
|
) {
|
||||||
|
try {
|
||||||
|
const { slug } = params;
|
||||||
|
|
||||||
|
// Определяем какой файл показать
|
||||||
|
let fileName = '';
|
||||||
|
switch (slug) {
|
||||||
|
case 'full':
|
||||||
|
fileName = 'SECURE-T_Documentation.md';
|
||||||
|
break;
|
||||||
|
case 'quickstart':
|
||||||
|
fileName = 'SECURE-T_Quick_Start.md';
|
||||||
|
break;
|
||||||
|
case 'config':
|
||||||
|
fileName = 'SECURE-T_Configuration_Examples.md';
|
||||||
|
break;
|
||||||
|
case 'readme':
|
||||||
|
fileName = 'README.md';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
return NextResponse.json({ error: 'Документ не найден' }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Читаем файл
|
||||||
|
const filePath = join(process.cwd(), 'docs', fileName);
|
||||||
|
const content = readFileSync(filePath, 'utf-8');
|
||||||
|
|
||||||
|
// Простое преобразование Markdown в HTML
|
||||||
|
const htmlContent = convertMarkdownToHtml(content);
|
||||||
|
|
||||||
|
// Возвращаем HTML страницу
|
||||||
|
const html = `
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>SECURE-T Документация</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: #e2e8f0;
|
||||||
|
background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: rgba(26, 32, 44, 0.8);
|
||||||
|
padding: 40px;
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
color: #f7fafc;
|
||||||
|
margin-top: 2em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
font-size: 2.5em;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
color: #63b3ed;
|
||||||
|
border-bottom: 2px solid #2b6cb0;
|
||||||
|
padding-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
color: #68d391;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
background: #1a202c;
|
||||||
|
border: 1px solid #4a5568;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 20px;
|
||||||
|
overflow-x: auto;
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
code {
|
||||||
|
background: #2d3748;
|
||||||
|
padding: 2px 6px;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
|
||||||
|
}
|
||||||
|
pre code {
|
||||||
|
background: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
th, td {
|
||||||
|
border: 1px solid #4a5568;
|
||||||
|
padding: 12px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
th {
|
||||||
|
background: #2d3748;
|
||||||
|
color: #f7fafc;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
tr:nth-child(even) {
|
||||||
|
background: rgba(45, 55, 72, 0.3);
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #63b3ed;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #90cdf4;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.back-button {
|
||||||
|
position: fixed;
|
||||||
|
top: 20px;
|
||||||
|
left: 20px;
|
||||||
|
background: #667eea;
|
||||||
|
color: white;
|
||||||
|
padding: 10px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
.back-button:hover {
|
||||||
|
background: #5a67d8;
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a href="/secure-t/documentation" class="back-button">← Назад к документации</a>
|
||||||
|
<div class="container">
|
||||||
|
${htmlContent}
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>`;
|
||||||
|
|
||||||
|
return new NextResponse(html, {
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'text/html; charset=utf-8',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Ошибка чтения файла:', error);
|
||||||
|
return NextResponse.json({ error: 'Ошибка загрузки документации' }, { status: 500 });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Простая функция для конвертации Markdown в HTML
|
||||||
|
function convertMarkdownToHtml(markdown: string): string {
|
||||||
|
let html = markdown;
|
||||||
|
|
||||||
|
// Заголовки
|
||||||
|
html = html.replace(/^### (.*$)/gim, '<h3>$1</h3>');
|
||||||
|
html = html.replace(/^## (.*$)/gim, '<h2>$1</h2>');
|
||||||
|
html = html.replace(/^# (.*$)/gim, '<h1>$1</h1>');
|
||||||
|
|
||||||
|
// Код блоки
|
||||||
|
html = html.replace(/```(\w+)?\n([\s\S]*?)```/g, '<pre><code>$2</code></pre>');
|
||||||
|
html = html.replace(/`([^`]+)`/g, '<code>$1</code>');
|
||||||
|
|
||||||
|
// Жирный и курсив
|
||||||
|
html = html.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
|
||||||
|
html = html.replace(/\*([^*]+)\*/g, '<em>$1</em>');
|
||||||
|
|
||||||
|
// Ссылки
|
||||||
|
html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');
|
||||||
|
|
||||||
|
// Абзацы
|
||||||
|
html = html.replace(/\n\n/g, '</p><p>');
|
||||||
|
html = '<p>' + html + '</p>';
|
||||||
|
|
||||||
|
// Убираем пустые абзацы
|
||||||
|
html = html.replace(/<p><\/p>/g, '');
|
||||||
|
|
||||||
|
return html;
|
||||||
|
}
|
||||||
351
src/app/components/DraggableCard.tsx
Normal file
351
src/app/components/DraggableCard.tsx
Normal file
@ -0,0 +1,351 @@
|
|||||||
|
'use client';
|
||||||
|
|
||||||
|
import React, { useState, useRef, useEffect } from 'react';
|
||||||
|
|
||||||
|
interface DraggableCardProps {
|
||||||
|
children: React.ReactNode;
|
||||||
|
className?: string;
|
||||||
|
initialX?: number;
|
||||||
|
initialY?: number;
|
||||||
|
containerHeight?: number;
|
||||||
|
onLanded?: () => void;
|
||||||
|
onDragStart?: () => void;
|
||||||
|
onDragEnd?: (wasDragging: boolean) => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function DraggableCard({
|
||||||
|
children,
|
||||||
|
className = '',
|
||||||
|
initialX = 0,
|
||||||
|
initialY = 0,
|
||||||
|
containerHeight,
|
||||||
|
onLanded,
|
||||||
|
onDragStart,
|
||||||
|
onDragEnd
|
||||||
|
}: DraggableCardProps) {
|
||||||
|
const [position, setPosition] = useState({ x: initialX, y: initialY });
|
||||||
|
const [isDragging, setIsDragging] = useState(false);
|
||||||
|
const [isFalling, setIsFalling] = useState(true);
|
||||||
|
const [isDropFalling, setIsDropFalling] = useState(false);
|
||||||
|
const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 });
|
||||||
|
const [fallDirection, setFallDirection] = useState({ x: 0, rotation: 0 });
|
||||||
|
const [velocity, setVelocity] = useState({ x: 0, y: 0 });
|
||||||
|
const cardRef = useRef<HTMLDivElement>(null);
|
||||||
|
const lastPosition = useRef({ x: initialX, y: initialY });
|
||||||
|
const dragStartTime = useRef<number>(0);
|
||||||
|
|
||||||
|
// Динамическая высота приземления - оставляем место для полного блока
|
||||||
|
const getGroundY = () => {
|
||||||
|
const cardHeight = 160; // Примерная высота карточки
|
||||||
|
const bottomPadding = 40; // Дополнительный отступ
|
||||||
|
const totalOffset = cardHeight + bottomPadding; // ~200px
|
||||||
|
|
||||||
|
if (containerHeight) {
|
||||||
|
return containerHeight - totalOffset;
|
||||||
|
}
|
||||||
|
if (typeof window !== 'undefined') {
|
||||||
|
const viewportHeight = window.innerHeight * 0.8; // 80vh
|
||||||
|
return Math.max(viewportHeight, 700) - totalOffset;
|
||||||
|
}
|
||||||
|
return 500; // Fallback для SSR
|
||||||
|
};
|
||||||
|
|
||||||
|
const GROUND_Y = getGroundY();
|
||||||
|
|
||||||
|
// Инициализация случайного направления падения (только для анимации, не для движения)
|
||||||
|
useEffect(() => {
|
||||||
|
const randomRotation = (Math.random() - 0.5) * 20; // Только небольшая ротация
|
||||||
|
setFallDirection({ x: 0, rotation: randomRotation }); // x = 0 для прямого падения
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// Анимация первоначального падения
|
||||||
|
useEffect(() => {
|
||||||
|
if (!isFalling) return;
|
||||||
|
|
||||||
|
const fallDuration = 2000 + Math.random() * 1000; // 2-3 секунды
|
||||||
|
const startY = initialY;
|
||||||
|
const startX = initialX;
|
||||||
|
const endX = initialX; // Падаем строго вниз, без отклонений
|
||||||
|
const startTime = Date.now();
|
||||||
|
|
||||||
|
const animate = () => {
|
||||||
|
const elapsed = Date.now() - startTime;
|
||||||
|
const progress = Math.min(elapsed / fallDuration, 1);
|
||||||
|
|
||||||
|
// Easing function для более реалистичного падения
|
||||||
|
const easeOutBounce = (t: number) => {
|
||||||
|
if (t < 1 / 2.75) {
|
||||||
|
return 7.5625 * t * t;
|
||||||
|
} else if (t < 2 / 2.75) {
|
||||||
|
return 7.5625 * (t -= 1.5 / 2.75) * t + 0.75;
|
||||||
|
} else if (t < 2.5 / 2.75) {
|
||||||
|
return 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375;
|
||||||
|
} else {
|
||||||
|
return 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const easedProgress = easeOutBounce(progress);
|
||||||
|
const currentY = startY + (GROUND_Y - startY) * easedProgress;
|
||||||
|
const currentX = startX + (endX - startX) * progress; // Теперь это просто startX
|
||||||
|
|
||||||
|
setPosition({ x: currentX, y: currentY });
|
||||||
|
lastPosition.current = { x: currentX, y: currentY };
|
||||||
|
|
||||||
|
if (progress < 1) {
|
||||||
|
requestAnimationFrame(animate);
|
||||||
|
} else {
|
||||||
|
setIsFalling(false);
|
||||||
|
if (onLanded) {
|
||||||
|
setTimeout(() => onLanded(), 100);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Начинаем падение сразу без задержки
|
||||||
|
requestAnimationFrame(animate);
|
||||||
|
}, [initialY, initialX, fallDirection, onLanded, isFalling]);
|
||||||
|
|
||||||
|
// Анимация падения после отпускания
|
||||||
|
useEffect(() => {
|
||||||
|
if (!isDropFalling) return;
|
||||||
|
|
||||||
|
const fallDuration = 800;
|
||||||
|
const startX = position.x;
|
||||||
|
const startY = position.y;
|
||||||
|
const startTime = Date.now();
|
||||||
|
|
||||||
|
const animate = () => {
|
||||||
|
const elapsed = Date.now() - startTime;
|
||||||
|
const progress = Math.min(elapsed / fallDuration, 1);
|
||||||
|
|
||||||
|
// Easing для падения с отскоком
|
||||||
|
const easeOutBounce = (t: number) => {
|
||||||
|
if (t < 1 / 2.75) {
|
||||||
|
return 7.5625 * t * t;
|
||||||
|
} else if (t < 2 / 2.75) {
|
||||||
|
return 7.5625 * (t -= 1.5 / 2.75) * t + 0.75;
|
||||||
|
} else if (t < 2.5 / 2.75) {
|
||||||
|
return 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375;
|
||||||
|
} else {
|
||||||
|
return 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const easedProgress = easeOutBounce(progress);
|
||||||
|
const currentY = startY + (GROUND_Y - startY) * easedProgress;
|
||||||
|
|
||||||
|
setPosition({ x: startX, y: currentY });
|
||||||
|
|
||||||
|
if (progress < 1) {
|
||||||
|
requestAnimationFrame(animate);
|
||||||
|
} else {
|
||||||
|
setIsDropFalling(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
requestAnimationFrame(animate);
|
||||||
|
}, [isDropFalling, position.x, position.y]);
|
||||||
|
|
||||||
|
// Mouse events
|
||||||
|
const handleMouseDown = (e: React.MouseEvent) => {
|
||||||
|
if (isFalling || isDropFalling || !cardRef.current) return;
|
||||||
|
|
||||||
|
// Рассчитываем смещение относительно текущей позиции блока
|
||||||
|
setDragOffset({
|
||||||
|
x: e.clientX - position.x,
|
||||||
|
y: e.clientY - position.y
|
||||||
|
});
|
||||||
|
setIsDragging(true);
|
||||||
|
setVelocity({ x: 0, y: 0 });
|
||||||
|
lastPosition.current = position;
|
||||||
|
dragStartTime.current = Date.now();
|
||||||
|
|
||||||
|
// Уведомляем родительский компонент о начале перетаскивания
|
||||||
|
if (onDragStart) {
|
||||||
|
onDragStart();
|
||||||
|
}
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleMouseMove = (e: MouseEvent) => {
|
||||||
|
if (!isDragging || isFalling || isDropFalling) return;
|
||||||
|
|
||||||
|
const newX = e.clientX - dragOffset.x;
|
||||||
|
const newY = e.clientY - dragOffset.y;
|
||||||
|
|
||||||
|
// Рассчитываем скорость для инерции
|
||||||
|
setVelocity({
|
||||||
|
x: newX - lastPosition.current.x,
|
||||||
|
y: newY - lastPosition.current.y
|
||||||
|
});
|
||||||
|
|
||||||
|
setPosition({ x: newX, y: newY });
|
||||||
|
lastPosition.current = { x: newX, y: newY };
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleMouseUp = () => {
|
||||||
|
if (isDragging) {
|
||||||
|
const dragDuration = Date.now() - dragStartTime.current;
|
||||||
|
const dragDistance = Math.sqrt(
|
||||||
|
Math.pow(position.x - lastPosition.current.x, 2) +
|
||||||
|
Math.pow(position.y - lastPosition.current.y, 2)
|
||||||
|
);
|
||||||
|
const wasDragging = dragDuration > 150 && dragDistance > 10; // Считаем перетаскиванием если больше 150ms И больше 10px движения
|
||||||
|
|
||||||
|
setIsDragging(false);
|
||||||
|
|
||||||
|
// Уведомляем родительский компонент об окончании перетаскивания
|
||||||
|
if (onDragEnd) {
|
||||||
|
onDragEnd(wasDragging); // Передаем информацию о том, было ли это реальное перетаскивание
|
||||||
|
}
|
||||||
|
|
||||||
|
if (wasDragging) {
|
||||||
|
// Запускаем падение вниз сразу после перетаскивания
|
||||||
|
setIsDropFalling(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Touch events
|
||||||
|
const handleTouchStart = (e: React.TouchEvent) => {
|
||||||
|
if (isFalling || isDropFalling || !cardRef.current) return;
|
||||||
|
|
||||||
|
const touch = e.touches[0];
|
||||||
|
// Рассчитываем смещение относительно текущей позиции блока
|
||||||
|
setDragOffset({
|
||||||
|
x: touch.clientX - position.x,
|
||||||
|
y: touch.clientY - position.y
|
||||||
|
});
|
||||||
|
setIsDragging(true);
|
||||||
|
setVelocity({ x: 0, y: 0 });
|
||||||
|
lastPosition.current = position;
|
||||||
|
dragStartTime.current = Date.now();
|
||||||
|
|
||||||
|
// Уведомляем родительский компонент о начале перетаскивания
|
||||||
|
if (onDragStart) {
|
||||||
|
onDragStart();
|
||||||
|
}
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleTouchMove = (e: TouchEvent) => {
|
||||||
|
if (!isDragging || isFalling || isDropFalling) return;
|
||||||
|
|
||||||
|
const touch = e.touches[0];
|
||||||
|
const newX = touch.clientX - dragOffset.x;
|
||||||
|
const newY = touch.clientY - dragOffset.y;
|
||||||
|
|
||||||
|
// Рассчитываем скорость для инерции
|
||||||
|
setVelocity({
|
||||||
|
x: newX - lastPosition.current.x,
|
||||||
|
y: newY - lastPosition.current.y
|
||||||
|
});
|
||||||
|
|
||||||
|
setPosition({ x: newX, y: newY });
|
||||||
|
lastPosition.current = { x: newX, y: newY };
|
||||||
|
e.preventDefault();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleTouchEnd = () => {
|
||||||
|
if (isDragging) {
|
||||||
|
const dragDuration = Date.now() - dragStartTime.current;
|
||||||
|
const dragDistance = Math.sqrt(
|
||||||
|
Math.pow(position.x - lastPosition.current.x, 2) +
|
||||||
|
Math.pow(position.y - lastPosition.current.y, 2)
|
||||||
|
);
|
||||||
|
const wasDragging = dragDuration > 150 && dragDistance > 10; // Считаем перетаскиванием если больше 150ms И больше 10px движения
|
||||||
|
|
||||||
|
setIsDragging(false);
|
||||||
|
|
||||||
|
// Уведомляем родительский компонент об окончании перетаскивания
|
||||||
|
if (onDragEnd) {
|
||||||
|
onDragEnd(wasDragging); // Передаем информацию о том, было ли это реальное перетаскивание
|
||||||
|
}
|
||||||
|
|
||||||
|
if (wasDragging) {
|
||||||
|
// Запускаем падение вниз сразу после перетаскивания
|
||||||
|
setIsDropFalling(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Event listeners
|
||||||
|
useEffect(() => {
|
||||||
|
if (isDragging && !isFalling && !isDropFalling) {
|
||||||
|
document.addEventListener('mousemove', handleMouseMove);
|
||||||
|
document.addEventListener('mouseup', handleMouseUp);
|
||||||
|
document.addEventListener('touchmove', handleTouchMove, { passive: false });
|
||||||
|
document.addEventListener('touchend', handleTouchEnd);
|
||||||
|
|
||||||
|
document.body.style.cursor = 'grabbing';
|
||||||
|
document.body.style.userSelect = 'none';
|
||||||
|
document.body.style.touchAction = 'none';
|
||||||
|
} else {
|
||||||
|
document.removeEventListener('mousemove', handleMouseMove);
|
||||||
|
document.removeEventListener('mouseup', handleMouseUp);
|
||||||
|
document.removeEventListener('touchmove', handleTouchMove);
|
||||||
|
document.removeEventListener('touchend', handleTouchEnd);
|
||||||
|
|
||||||
|
document.body.style.cursor = '';
|
||||||
|
document.body.style.userSelect = '';
|
||||||
|
document.body.style.touchAction = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
document.removeEventListener('mousemove', handleMouseMove);
|
||||||
|
document.removeEventListener('mouseup', handleMouseUp);
|
||||||
|
document.removeEventListener('touchmove', handleTouchMove);
|
||||||
|
document.removeEventListener('touchend', handleTouchEnd);
|
||||||
|
|
||||||
|
document.body.style.cursor = '';
|
||||||
|
document.body.style.userSelect = '';
|
||||||
|
document.body.style.touchAction = '';
|
||||||
|
};
|
||||||
|
}, [isDragging, isFalling, isDropFalling, dragOffset, velocity]);
|
||||||
|
|
||||||
|
const getTransform = () => {
|
||||||
|
const velocityRotation = isDragging ? Math.max(-15, Math.min(15, velocity.x * 0.5)) : 0;
|
||||||
|
const hoverEffect = isDragging ? Math.sin(Date.now() * 0.005) * 2 : 0;
|
||||||
|
|
||||||
|
if (isFalling) {
|
||||||
|
return `rotate(${fallDirection.rotation}deg)`; // Только небольшая начальная ротация, без колебаний
|
||||||
|
} else if (isDragging) {
|
||||||
|
return `rotate(${3 + velocityRotation + hoverEffect}deg) scale(1.08) translateZ(0)`;
|
||||||
|
} else if (isDropFalling) {
|
||||||
|
return 'rotate(0deg) scale(0.95)'; // Прямое падение без поворота
|
||||||
|
}
|
||||||
|
return 'rotate(0deg) scale(1) translateZ(0)';
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
ref={cardRef}
|
||||||
|
className={`${className} ${isDragging ? 'z-50' : 'z-10'} ${
|
||||||
|
isDragging ? 'shadow-2xl' : 'transition-all duration-300'
|
||||||
|
} ${
|
||||||
|
isFalling ? 'animate-pulse' :
|
||||||
|
isDropFalling ? 'opacity-90' :
|
||||||
|
'hover:scale-105 hover:shadow-lg'
|
||||||
|
}`}
|
||||||
|
style={{
|
||||||
|
position: 'absolute',
|
||||||
|
left: `${position.x}px`,
|
||||||
|
top: `${position.y}px`,
|
||||||
|
cursor: isFalling || isDropFalling ? 'default' : (isDragging ? 'grabbing' : 'grab'),
|
||||||
|
transform: getTransform(),
|
||||||
|
touchAction: 'none',
|
||||||
|
pointerEvents: isFalling ? 'none' : 'auto',
|
||||||
|
willChange: isDragging ? 'transform' : 'auto',
|
||||||
|
filter: isDragging ? 'brightness(1.15) saturate(1.3) drop-shadow(0 10px 20px rgba(0,0,0,0.3))' : 'none',
|
||||||
|
transition: isDragging ? 'none' : 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
|
||||||
|
}}
|
||||||
|
onMouseDown={handleMouseDown}
|
||||||
|
onTouchStart={handleTouchStart}
|
||||||
|
>
|
||||||
|
{children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
227
src/app/components/InteractiveBlocks.tsx
Normal file
227
src/app/components/InteractiveBlocks.tsx
Normal file
@ -0,0 +1,227 @@
|
|||||||
|
'use client';
|
||||||
|
|
||||||
|
import { useState, useEffect, useRef, useCallback } from 'react';
|
||||||
|
import Link from 'next/link';
|
||||||
|
import DraggableCard from './DraggableCard';
|
||||||
|
|
||||||
|
export default function InteractiveBlocks() {
|
||||||
|
const [mounted, setMounted] = useState(false);
|
||||||
|
const [landedCount, setLandedCount] = useState(0);
|
||||||
|
const [isDragging, setIsDragging] = useState(false);
|
||||||
|
const [wasRecentlyDragged, setWasRecentlyDragged] = useState(false);
|
||||||
|
const [containerHeight, setContainerHeight] = useState(0);
|
||||||
|
const landedCountRef = useRef(0);
|
||||||
|
const containerRef = useRef<HTMLDivElement>(null);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
setMounted(true);
|
||||||
|
|
||||||
|
// Получаем реальную высоту контейнера
|
||||||
|
const updateContainerHeight = () => {
|
||||||
|
if (containerRef.current) {
|
||||||
|
const height = containerRef.current.offsetHeight;
|
||||||
|
setContainerHeight(height);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Обновляем высоту при монтировании и изменении размера окна
|
||||||
|
updateContainerHeight();
|
||||||
|
window.addEventListener('resize', updateContainerHeight);
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
window.removeEventListener('resize', updateContainerHeight);
|
||||||
|
};
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const handleBlockLanded = useCallback(() => {
|
||||||
|
landedCountRef.current += 1;
|
||||||
|
setLandedCount(landedCountRef.current);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const handleDragStart = useCallback(() => {
|
||||||
|
setIsDragging(true);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const handleDragEnd = useCallback((wasDragging: boolean) => {
|
||||||
|
// Сбрасываем состояние перетаскивания сразу
|
||||||
|
setIsDragging(false);
|
||||||
|
|
||||||
|
// Если было реальное перетаскивание, блокируем клики на короткое время
|
||||||
|
if (wasDragging) {
|
||||||
|
setWasRecentlyDragged(true);
|
||||||
|
setTimeout(() => {
|
||||||
|
setWasRecentlyDragged(false);
|
||||||
|
}, 300); // 300мс блокировки после перетаскивания
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
if (!mounted) return null;
|
||||||
|
|
||||||
|
const blocks = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "Разработка ПО",
|
||||||
|
description: "Веб, мобильные и десктопные приложения",
|
||||||
|
icon: "💻",
|
||||||
|
color: "from-purple-500 to-indigo-500",
|
||||||
|
link: "/development",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Поставка электроники",
|
||||||
|
description: "B2B/B2G поставки по 44-ФЗ и 223-ФЗ",
|
||||||
|
icon: "⚡",
|
||||||
|
color: "from-cyan-500 to-teal-500",
|
||||||
|
link: "/electronics",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "UX Софт",
|
||||||
|
description: "Улучшение пользовательского опыта",
|
||||||
|
icon: "🔒",
|
||||||
|
color: "from-blue-500 to-purple-500",
|
||||||
|
link: "/ux-software",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "Соловей",
|
||||||
|
description: "Платформа видеосвязи",
|
||||||
|
icon: "🐦",
|
||||||
|
color: "from-amber-500 to-yellow-500",
|
||||||
|
link: "/solovey",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Secure-T",
|
||||||
|
description: "Информационная безопасность",
|
||||||
|
icon: "🛡️",
|
||||||
|
color: "from-red-500 to-orange-500",
|
||||||
|
link: "/secure-t",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Dr.Web",
|
||||||
|
description: "Антивирусные решения",
|
||||||
|
icon: "🔧",
|
||||||
|
color: "from-green-500 to-emerald-500",
|
||||||
|
link: "/drweb",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
// Генерируем случайные начальные позиции для каждого блока
|
||||||
|
const getRandomInitialPosition = (index: number) => {
|
||||||
|
// Используем простую логику без зависимости от containerBounds
|
||||||
|
const screenWidth = typeof window !== 'undefined' ? window.innerWidth : 1200;
|
||||||
|
const cardWidth = 288; // w-72 = 18rem = 288px
|
||||||
|
const safeZoneWidth = Math.max(400, screenWidth - cardWidth - 40);
|
||||||
|
|
||||||
|
return {
|
||||||
|
x: 20 + Math.random() * (safeZoneWidth - 40),
|
||||||
|
y: -300 - (index * 150) - Math.random() * 200
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
ref={containerRef}
|
||||||
|
className="relative w-full overflow-hidden"
|
||||||
|
style={{ height: '80vh', minHeight: '700px' }}
|
||||||
|
>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{/* Падающие блоки */}
|
||||||
|
{blocks.map((block, index) => {
|
||||||
|
const initialPos = getRandomInitialPosition(index);
|
||||||
|
return (
|
||||||
|
<DraggableCard
|
||||||
|
key={block.id}
|
||||||
|
initialX={initialPos.x}
|
||||||
|
initialY={initialPos.y}
|
||||||
|
containerHeight={containerHeight}
|
||||||
|
className="w-72 draggable-card"
|
||||||
|
onLanded={handleBlockLanded}
|
||||||
|
onDragStart={handleDragStart}
|
||||||
|
onDragEnd={handleDragEnd}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className={`glass-effect p-6 rounded-lg bg-gradient-to-br ${block.color} bg-opacity-20 hover-glow transition-all duration-300 border border-white/10 cursor-pointer`}
|
||||||
|
onClick={(e) => {
|
||||||
|
// Предотвращаем переход если сейчас идет перетаскивание или недавно было перетаскивание
|
||||||
|
if (isDragging || wasRecentlyDragged) {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
console.log('Клик заблокирован - идет или недавно было перетаскивание');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// Переходим по ссылке только при чистом клике
|
||||||
|
console.log('Чистый клик по блоку:', block.title, 'Переход на:', block.link);
|
||||||
|
window.location.href = block.link;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="flex items-center space-x-4 mb-4">
|
||||||
|
<div className="text-4xl">{block.icon}</div>
|
||||||
|
<div>
|
||||||
|
<h3 className="text-xl font-bold text-white">{block.title}</h3>
|
||||||
|
<p className="text-gray-300 text-sm">{block.description}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-center justify-between mt-4">
|
||||||
|
<span className="text-xs text-gray-400">Кликните для перехода →</span>
|
||||||
|
<div className="w-6 h-6 bg-white/20 rounded-full flex items-center justify-center">
|
||||||
|
<div className="w-2 h-2 bg-white rounded-full animate-pulse"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</DraggableCard>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
|
||||||
|
{/* Декоративные элементы */}
|
||||||
|
<div className="absolute inset-0 pointer-events-none">
|
||||||
|
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-green-500 rounded-full blur-3xl opacity-10 animate-pulse"></div>
|
||||||
|
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-blue-500 rounded-full blur-3xl opacity-10 animate-pulse"></div>
|
||||||
|
<div className="absolute top-1/2 left-1/2 w-96 h-96 bg-purple-500 rounded-full blur-3xl opacity-10 animate-pulse"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{/* Сетка для визуального ориентира */}
|
||||||
|
<div className="absolute inset-0 pointer-events-none opacity-5">
|
||||||
|
<div
|
||||||
|
className="w-full h-full"
|
||||||
|
style={{
|
||||||
|
backgroundImage: `
|
||||||
|
linear-gradient(rgba(0,255,136,0.1) 1px, transparent 1px),
|
||||||
|
linear-gradient(90deg, rgba(0,255,136,0.1) 1px, transparent 1px)
|
||||||
|
`,
|
||||||
|
backgroundSize: '50px 50px'
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Floating particles */}
|
||||||
|
<div className="absolute inset-0 pointer-events-none">
|
||||||
|
{[...Array(15)].map((_, i) => (
|
||||||
|
<div
|
||||||
|
key={i}
|
||||||
|
className="absolute w-1 h-1 bg-green-400 rounded-full floating-particle"
|
||||||
|
style={{
|
||||||
|
left: `${Math.random() * 100}%`,
|
||||||
|
top: `${Math.random() * 100}%`,
|
||||||
|
animationDelay: `${Math.random() * 5}s`,
|
||||||
|
animationDuration: `${3 + Math.random() * 4}s`,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Индикатор "земли" */}
|
||||||
|
<div className="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-green-400/20 via-cyan-400/20 to-purple-400/20 pointer-events-none" />
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
79
src/app/components/Navigation.tsx
Normal file
79
src/app/components/Navigation.tsx
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
'use client';
|
||||||
|
|
||||||
|
import Link from 'next/link';
|
||||||
|
import { useState } from 'react';
|
||||||
|
|
||||||
|
export default function Navigation() {
|
||||||
|
const [isMenuOpen, setIsMenuOpen] = useState(false);
|
||||||
|
|
||||||
|
const menuItems = [
|
||||||
|
{ href: '/', label: 'Главная' },
|
||||||
|
{ href: '/ux-software', label: 'UX Софт' },
|
||||||
|
{ href: '/secure-t', label: 'Secure-T' },
|
||||||
|
{ href: '/drweb', label: 'Dr.Web' },
|
||||||
|
{ href: '/development', label: 'Разработка' },
|
||||||
|
{ href: '/electronics', label: 'Электроника' },
|
||||||
|
{ href: '/solovey', label: 'Соловей' },
|
||||||
|
{ href: '/about', label: 'О нас' },
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<nav className="fixed top-0 left-0 right-0 z-50 glass-effect">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div className="flex justify-between items-center h-16">
|
||||||
|
{/* Logo */}
|
||||||
|
<Link href="/" className="flex items-center">
|
||||||
|
<span className="text-2xl font-bold gradient-text">GUNDYREV</span>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
{/* Desktop Menu */}
|
||||||
|
<div className="hidden md:flex items-center space-x-8">
|
||||||
|
{menuItems.map((item) => (
|
||||||
|
<Link
|
||||||
|
key={item.href}
|
||||||
|
href={item.href}
|
||||||
|
className="text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium"
|
||||||
|
>
|
||||||
|
{item.label}
|
||||||
|
</Link>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Mobile Menu Button */}
|
||||||
|
<div className="md:hidden">
|
||||||
|
<button
|
||||||
|
onClick={() => setIsMenuOpen(!isMenuOpen)}
|
||||||
|
className="text-gray-300 hover:text-white focus:outline-none focus:text-white"
|
||||||
|
>
|
||||||
|
<svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
{isMenuOpen ? (
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
|
||||||
|
) : (
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />
|
||||||
|
)}
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Mobile Menu */}
|
||||||
|
{isMenuOpen && (
|
||||||
|
<div className="md:hidden">
|
||||||
|
<div className="px-2 pt-2 pb-3 space-y-1 sm:px-3 glass-effect mt-2 rounded-lg">
|
||||||
|
{menuItems.map((item) => (
|
||||||
|
<Link
|
||||||
|
key={item.href}
|
||||||
|
href={item.href}
|
||||||
|
className="block px-3 py-2 text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium"
|
||||||
|
onClick={() => setIsMenuOpen(false)}
|
||||||
|
>
|
||||||
|
{item.label}
|
||||||
|
</Link>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
);
|
||||||
|
}
|
||||||
341
src/app/development/page.tsx
Normal file
341
src/app/development/page.tsx
Normal file
@ -0,0 +1,341 @@
|
|||||||
|
import Navigation from '../components/Navigation';
|
||||||
|
|
||||||
|
export default function Development() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navigation />
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
|
<section className="min-h-screen flex items-center justify-center relative overflow-hidden pt-16">
|
||||||
|
<div className="absolute inset-0 bg-gradient-to-br from-purple-900 via-black to-indigo-900"></div>
|
||||||
|
<div className="absolute inset-0 opacity-20">
|
||||||
|
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-purple-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-indigo-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative z-10 text-center max-w-6xl mx-auto px-4">
|
||||||
|
<h1 className="text-5xl md:text-7xl font-bold mb-6">
|
||||||
|
Разработка <span className="gradient-text">ПО</span>
|
||||||
|
</h1>
|
||||||
|
<p className="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto">
|
||||||
|
Создаем современные программные решения для автоматизации бизнес-процессов и цифровой трансформации
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||||
|
<button className="px-8 py-3 bg-purple-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Наши проекты
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300">
|
||||||
|
Обсудить проект
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Services Section */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Наши <span className="gradient-text">услуги</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Полный цикл разработки программного обеспечения от идеи до внедрения
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-4xl mb-4">🌐</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Веб-разработка</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Создание современных веб-приложений и сайтов
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• React, Next.js, Vue.js</li>
|
||||||
|
<li>• Node.js, Python, PHP</li>
|
||||||
|
<li>• Адаптивный дизайн</li>
|
||||||
|
<li>• SEO-оптимизация</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-indigo-400 text-4xl mb-4">📱</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Мобильная разработка</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Нативные и кроссплатформенные мобильные приложения
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• iOS (Swift, Objective-C)</li>
|
||||||
|
<li>• Android (Kotlin, Java)</li>
|
||||||
|
<li>• React Native, Flutter</li>
|
||||||
|
<li>• Публикация в App Store/Google Play</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-4xl mb-4">🖥️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Десктопные приложения</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Программы для Windows, macOS и Linux
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• .NET, WPF, WinForms</li>
|
||||||
|
<li>• Electron, Qt</li>
|
||||||
|
<li>• Python (Tkinter, PyQt)</li>
|
||||||
|
<li>• Кроссплатформенность</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">⚙️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Backend и API</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Серверная логика и интеграционные решения
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• REST API, GraphQL</li>
|
||||||
|
<li>• Микросервисная архитектура</li>
|
||||||
|
<li>• Базы данных (SQL, NoSQL)</li>
|
||||||
|
<li>• Облачные решения</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-yellow-400 text-4xl mb-4">🤖</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Автоматизация</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Системы автоматизации бизнес-процессов
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• CRM и ERP системы</li>
|
||||||
|
<li>• Workflow automation</li>
|
||||||
|
<li>• Интеграция с 1С</li>
|
||||||
|
<li>• Документооборот</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-red-400 text-4xl mb-4">🔧</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Техническая поддержка</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Сопровождение и развитие готовых решений
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• Обновления и доработки</li>
|
||||||
|
<li>• Исправление ошибок</li>
|
||||||
|
<li>• Оптимизация производительности</li>
|
||||||
|
<li>• Техническая документация</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Technologies */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Наш <span className="gradient-text">стек технологий</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-4 gap-6">
|
||||||
|
{/* Frontend */}
|
||||||
|
<div className="space-y-4">
|
||||||
|
<h3 className="text-xl font-bold text-purple-400 text-center">Frontend</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
{['React', 'Next.js', 'Vue.js', 'Angular', 'TypeScript', 'Tailwind CSS'].map((tech) => (
|
||||||
|
<div key={tech} className="glass-effect p-3 rounded text-center hover-glow transition-all duration-300">
|
||||||
|
<span className="text-sm">{tech}</span>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Backend */}
|
||||||
|
<div className="space-y-4">
|
||||||
|
<h3 className="text-xl font-bold text-indigo-400 text-center">Backend</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
{['Node.js', 'Python', 'C#/.NET', 'Java', 'Go', 'PHP'].map((tech) => (
|
||||||
|
<div key={tech} className="glass-effect p-3 rounded text-center hover-glow transition-all duration-300">
|
||||||
|
<span className="text-sm">{tech}</span>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Databases */}
|
||||||
|
<div className="space-y-4">
|
||||||
|
<h3 className="text-xl font-bold text-blue-400 text-center">Базы данных</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
{['PostgreSQL', 'MySQL', 'MongoDB', 'Redis', 'SQLite', 'ClickHouse'].map((tech) => (
|
||||||
|
<div key={tech} className="glass-effect p-3 rounded text-center hover-glow transition-all duration-300">
|
||||||
|
<span className="text-sm">{tech}</span>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* DevOps */}
|
||||||
|
<div className="space-y-4">
|
||||||
|
<h3 className="text-xl font-bold text-green-400 text-center">DevOps</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
{['Docker', 'Kubernetes', 'AWS', 'Azure', 'CI/CD', 'Nginx'].map((tech) => (
|
||||||
|
<div key={tech} className="glass-effect p-3 rounded text-center hover-glow transition-all duration-300">
|
||||||
|
<span className="text-sm">{tech}</span>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Process */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Процесс <span className="gradient-text">разработки</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Структурированный подход к созданию качественного ПО
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="glass-effect w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 border-2 border-purple-500">
|
||||||
|
<span className="text-2xl font-bold gradient-text">1</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Анализ требований</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Детальное изучение задач и формирование технического задания
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="glass-effect w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 border-2 border-indigo-500">
|
||||||
|
<span className="text-2xl font-bold gradient-text">2</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Проектирование</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Создание архитектуры, дизайна и планирование разработки
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="glass-effect w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 border-2 border-blue-500">
|
||||||
|
<span className="text-2xl font-bold gradient-text">3</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Разработка</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Программирование с регулярными демонстрациями результатов
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="glass-effect w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 border-2 border-green-500">
|
||||||
|
<span className="text-2xl font-bold gradient-text">4</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Тестирование и запуск</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Комплексное тестирование, исправление ошибок и внедрение
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Portfolio Preview */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Примеры наших <span className="gradient-text">проектов</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-3xl mb-4">💼</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">CRM-система</h4>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Система управления клиентами для торговой компании
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-wrap gap-2">
|
||||||
|
<span className="text-xs bg-purple-500/20 text-purple-300 px-2 py-1 rounded">React</span>
|
||||||
|
<span className="text-xs bg-purple-500/20 text-purple-300 px-2 py-1 rounded">Node.js</span>
|
||||||
|
<span className="text-xs bg-purple-500/20 text-purple-300 px-2 py-1 rounded">PostgreSQL</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-indigo-400 text-3xl mb-4">📊</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Система аналитики</h4>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Платформа для анализа данных и создания отчетов
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-wrap gap-2">
|
||||||
|
<span className="text-xs bg-indigo-500/20 text-indigo-300 px-2 py-1 rounded">Python</span>
|
||||||
|
<span className="text-xs bg-indigo-500/20 text-indigo-300 px-2 py-1 rounded">Django</span>
|
||||||
|
<span className="text-xs bg-indigo-500/20 text-indigo-300 px-2 py-1 rounded">ClickHouse</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-3xl mb-4">🏪</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">E-commerce платформа</h4>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Интернет-магазин с интеграцией платежных систем
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-wrap gap-2">
|
||||||
|
<span className="text-xs bg-blue-500/20 text-blue-300 px-2 py-1 rounded">Next.js</span>
|
||||||
|
<span className="text-xs bg-blue-500/20 text-blue-300 px-2 py-1 rounded">Stripe</span>
|
||||||
|
<span className="text-xs bg-blue-500/20 text-blue-300 px-2 py-1 rounded">MongoDB</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Contact Section */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-4xl mx-auto px-4 text-center">
|
||||||
|
<div className="glass-effect p-12 rounded-lg">
|
||||||
|
<h2 className="text-3xl font-bold mb-6">
|
||||||
|
Готовы начать <span className="gradient-text">проект</span>?
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-300 mb-8 text-lg">
|
||||||
|
Обсудим ваши задачи и предложим оптимальное техническое решение
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||||
|
<button className="px-8 py-3 bg-purple-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Обсудить проект
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300">
|
||||||
|
Получить смету
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-black py-12">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 text-center">
|
||||||
|
<div className="mb-8">
|
||||||
|
<span className="text-3xl font-bold gradient-text">GUNDYREV</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-400 mb-4">
|
||||||
|
© 2024 GUNDYREV. Все права защищены.
|
||||||
|
</p>
|
||||||
|
<p className="text-gray-500 text-sm">
|
||||||
|
Разработка программного обеспечения любой сложности
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
296
src/app/drweb/page.tsx
Normal file
296
src/app/drweb/page.tsx
Normal file
@ -0,0 +1,296 @@
|
|||||||
|
import Navigation from '../components/Navigation';
|
||||||
|
|
||||||
|
export default function DrWeb() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navigation />
|
||||||
|
|
||||||
|
{/* Hero Section - Dr.Web Style */}
|
||||||
|
<section className="min-h-screen flex items-center justify-center relative overflow-hidden pt-16">
|
||||||
|
<div className="absolute inset-0 bg-gradient-to-br from-green-900 via-black to-emerald-900"></div>
|
||||||
|
<div className="absolute inset-0 opacity-20">
|
||||||
|
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-green-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-emerald-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative z-10 text-center max-w-6xl mx-auto px-4">
|
||||||
|
<div className="mb-8">
|
||||||
|
<div className="inline-flex items-center space-x-4 mb-6">
|
||||||
|
<div className="w-16 h-16 bg-green-500 rounded-lg flex items-center justify-center">
|
||||||
|
<span className="text-black font-bold text-2xl">Dr</span>
|
||||||
|
</div>
|
||||||
|
<h1 className="text-5xl md:text-7xl font-bold text-green-400">Dr.Web</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p className="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto">
|
||||||
|
Официальный партнер Dr.Web — надежная антивирусная защита для бизнеса и дома
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||||
|
<button className="px-8 py-3 bg-green-500 text-black font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Продукты Dr.Web
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300">
|
||||||
|
Получить лицензию
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Products Section */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Продукты <span className="text-green-400">Dr.Web</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Комплексные решения антивирусной защиты для различных потребностей
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300 border-l-4 border-green-500">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🖥️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Dr.Web Security Space</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Комплексная защита для домашних компьютеров и ноутбуков
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• Антивирус и антишпион</li>
|
||||||
|
<li>• Файрвол</li>
|
||||||
|
<li>• Антиспам</li>
|
||||||
|
<li>• Родительский контроль</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300 border-l-4 border-green-500">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🏢</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Dr.Web Enterprise Suite</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Корпоративное решение для защиты бизнеса
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• Централизованное управление</li>
|
||||||
|
<li>• Защита серверов</li>
|
||||||
|
<li>• Почтовая безопасность</li>
|
||||||
|
<li>• Мобильная защита</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300 border-l-4 border-green-500">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">📱</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Dr.Web Mobile Security</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Защита мобильных устройств Android и iOS
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• Антивирус для мобильных</li>
|
||||||
|
<li>• Антивор</li>
|
||||||
|
<li>• URL-фильтр</li>
|
||||||
|
<li>• Родительский контроль</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300 border-l-4 border-green-500">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🌐</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Dr.Web Gateway Security</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Защита интернет-шлюзов и почтовых серверов
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• Фильтрация трафика</li>
|
||||||
|
<li>• Антиспам</li>
|
||||||
|
<li>• Контент-фильтр</li>
|
||||||
|
<li>• Защита от фишинга</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300 border-l-4 border-green-500">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">☁️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Dr.Web Cloud</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Облачные решения безопасности
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• Облачная консоль</li>
|
||||||
|
<li>• Удаленное управление</li>
|
||||||
|
<li>• Автоматические обновления</li>
|
||||||
|
<li>• Масштабируемость</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300 border-l-4 border-green-500">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🔧</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Dr.Web CureIt!</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Бесплатная утилита для лечения зараженных компьютеров
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• Не требует установки</li>
|
||||||
|
<li>• Быстрое сканирование</li>
|
||||||
|
<li>• Лечение вирусов</li>
|
||||||
|
<li>• Регулярные обновления</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Brand Guidelines */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Брендбук <span className="text-green-400">Dr.Web</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Соблюдение фирменного стиля и требований бренда Dr.Web
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 gap-12 items-center mb-16">
|
||||||
|
<div>
|
||||||
|
<h3 className="text-2xl font-bold mb-6 text-green-400">Фирменные цвета</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<div className="w-12 h-12 bg-green-500 rounded"></div>
|
||||||
|
<div>
|
||||||
|
<p className="font-semibold">Dr.Web Green</p>
|
||||||
|
<p className="text-sm text-gray-400">#00B04F</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<div className="w-12 h-12 bg-gray-800 rounded"></div>
|
||||||
|
<div>
|
||||||
|
<p className="font-semibold">Dr.Web Dark</p>
|
||||||
|
<p className="text-sm text-gray-400">#2C2C2C</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<div className="w-12 h-12 bg-white rounded border"></div>
|
||||||
|
<div>
|
||||||
|
<p className="font-semibold">Dr.Web White</p>
|
||||||
|
<p className="text-sm text-gray-400">#FFFFFF</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h3 className="text-2xl font-bold mb-6 text-green-400">Логотип</h3>
|
||||||
|
<div className="glass-effect p-8 rounded-lg">
|
||||||
|
<div className="flex items-center justify-center space-x-4 mb-6">
|
||||||
|
<div className="w-16 h-16 bg-green-500 rounded-lg flex items-center justify-center">
|
||||||
|
<span className="text-black font-bold text-2xl">Dr</span>
|
||||||
|
</div>
|
||||||
|
<span className="text-4xl font-bold text-green-400">Dr.Web</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-300 text-center text-sm">
|
||||||
|
Официальный логотип Dr.Web должен использоваться без изменений
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg">
|
||||||
|
<h3 className="text-2xl font-bold mb-6 text-green-400 text-center">Правила использования бренда</h3>
|
||||||
|
<div className="grid md:grid-cols-2 gap-8">
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-4 text-green-400">✓ Разрешено:</h4>
|
||||||
|
<ul className="space-y-2 text-gray-300">
|
||||||
|
<li>• Использование официального логотипа</li>
|
||||||
|
<li>• Соблюдение фирменных цветов</li>
|
||||||
|
<li>• Указание статуса партнера</li>
|
||||||
|
<li>• Размещение сертификатов</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-4 text-red-400">✗ Запрещено:</h4>
|
||||||
|
<ul className="space-y-2 text-gray-300">
|
||||||
|
<li>• Изменение логотипа</li>
|
||||||
|
<li>• Использование неофициальных цветов</li>
|
||||||
|
<li>• Искажение пропорций</li>
|
||||||
|
<li>• Нарушение позиционирования</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Partnership */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Партнерство с <span className="text-green-400">Dr.Web</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🏆</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Сертифицированный партнер</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Официальный статус партнера Dr.Web с подтвержденной компетенцией
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🎓</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Обученные специалисты</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Наши эксперты прошли официальное обучение по продуктам Dr.Web
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🛠️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Техническая поддержка</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Полная техническая поддержка внедрения и использования решений
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Contact Section */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-4xl mx-auto px-4 text-center">
|
||||||
|
<div className="glass-effect p-12 rounded-lg border-l-4 border-green-500">
|
||||||
|
<h2 className="text-3xl font-bold mb-6">
|
||||||
|
Нужна защита от <span className="text-green-400">Dr.Web</span>?
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-300 mb-8 text-lg">
|
||||||
|
Поможем выбрать и внедрить оптимальное решение Dr.Web для вашего бизнеса
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||||
|
<button className="px-8 py-3 bg-green-500 text-black font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Получить консультацию
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300">
|
||||||
|
Заказать лицензию
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-black py-12">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 text-center">
|
||||||
|
<div className="mb-8">
|
||||||
|
<span className="text-3xl font-bold gradient-text">GUNDYREV</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-400 mb-4">
|
||||||
|
© 2024 GUNDYREV. Официальный партнер Dr.Web.
|
||||||
|
</p>
|
||||||
|
<p className="text-gray-500 text-sm">
|
||||||
|
Dr.Web — надежная антивирусная защита
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
372
src/app/electronics/page.tsx
Normal file
372
src/app/electronics/page.tsx
Normal file
@ -0,0 +1,372 @@
|
|||||||
|
import Navigation from '../components/Navigation';
|
||||||
|
|
||||||
|
export default function Electronics() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navigation />
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
|
<section className="min-h-screen flex items-center justify-center relative overflow-hidden pt-16">
|
||||||
|
<div className="absolute inset-0 bg-gradient-to-br from-cyan-900 via-black to-teal-900"></div>
|
||||||
|
<div className="absolute inset-0 opacity-20">
|
||||||
|
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-cyan-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-teal-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative z-10 text-center max-w-6xl mx-auto px-4">
|
||||||
|
<h1 className="text-5xl md:text-7xl font-bold mb-6">
|
||||||
|
Поставка <span className="gradient-text">электроники</span>
|
||||||
|
</h1>
|
||||||
|
<p className="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto">
|
||||||
|
Комплексные поставки электронного оборудования для бизнеса и государственных организаций
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center mb-8">
|
||||||
|
<button className="px-8 py-3 bg-cyan-500 text-black font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Каталог оборудования
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300">
|
||||||
|
Получить КП
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex flex-wrap justify-center gap-4 text-sm">
|
||||||
|
<div className="glass-effect px-4 py-2 rounded-full">
|
||||||
|
<span className="text-cyan-400">44-ФЗ</span> • Госзакупки
|
||||||
|
</div>
|
||||||
|
<div className="glass-effect px-4 py-2 rounded-full">
|
||||||
|
<span className="text-teal-400">223-ФЗ</span> • Корпоративные закупки
|
||||||
|
</div>
|
||||||
|
<div className="glass-effect px-4 py-2 rounded-full">
|
||||||
|
<span className="text-green-400">B2B</span> • Коммерческие поставки
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Product Categories */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Категории <span className="gradient-text">оборудования</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
От простых аксессуаров до сложного серверного оборудования
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-cyan-400 text-4xl mb-4">🔌</div>
|
||||||
|
<h3 className="text-lg font-bold mb-3">Аксессуары</h3>
|
||||||
|
<ul className="text-sm text-gray-300 space-y-1">
|
||||||
|
<li>• Зарядные устройства</li>
|
||||||
|
<li>• Кабели и переходники</li>
|
||||||
|
<li>• Чехлы и защитные пленки</li>
|
||||||
|
<li>• Подставки и держатели</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-teal-400 text-4xl mb-4">💻</div>
|
||||||
|
<h3 className="text-lg font-bold mb-3">Компьютеры и ноутбуки</h3>
|
||||||
|
<ul className="text-sm text-gray-300 space-y-1">
|
||||||
|
<li>• Настольные ПК</li>
|
||||||
|
<li>• Ноутбуки и ультрабуки</li>
|
||||||
|
<li>• Планшеты</li>
|
||||||
|
<li>• Моноблоки</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-4xl mb-4">🖥️</div>
|
||||||
|
<h3 className="text-lg font-bold mb-3">Периферия</h3>
|
||||||
|
<ul className="text-sm text-gray-300 space-y-1">
|
||||||
|
<li>• Мониторы и проекторы</li>
|
||||||
|
<li>• Принтеры и МФУ</li>
|
||||||
|
<li>• Клавиатуры и мыши</li>
|
||||||
|
<li>• Веб-камеры и микрофоны</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🌐</div>
|
||||||
|
<h3 className="text-lg font-bold mb-3">Сетевое оборудование</h3>
|
||||||
|
<ul className="text-sm text-gray-300 space-y-1">
|
||||||
|
<li>• Маршрутизаторы</li>
|
||||||
|
<li>• Коммутаторы</li>
|
||||||
|
<li>• Точки доступа Wi-Fi</li>
|
||||||
|
<li>• Сетевые кабели</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-4xl mb-4">🖨️</div>
|
||||||
|
<h3 className="text-lg font-bold mb-3">Офисная техника</h3>
|
||||||
|
<ul className="text-sm text-gray-300 space-y-1">
|
||||||
|
<li>• Принтеры и сканеры</li>
|
||||||
|
<li>• Копировальные аппараты</li>
|
||||||
|
<li>• Ламинаторы</li>
|
||||||
|
<li>• Уничтожители документов</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-red-400 text-4xl mb-4">📱</div>
|
||||||
|
<h3 className="text-lg font-bold mb-3">Мобильные устройства</h3>
|
||||||
|
<ul className="text-sm text-gray-300 space-y-1">
|
||||||
|
<li>• Смартфоны</li>
|
||||||
|
<li>• Планшеты</li>
|
||||||
|
<li>• Электронные книги</li>
|
||||||
|
<li>• Носимые устройства</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-yellow-400 text-4xl mb-4">🔊</div>
|
||||||
|
<h3 className="text-lg font-bold mb-3">Аудио и видео</h3>
|
||||||
|
<ul className="text-sm text-gray-300 space-y-1">
|
||||||
|
<li>• Колонки и наушники</li>
|
||||||
|
<li>• Микрофоны</li>
|
||||||
|
<li>• Камеры и видеорегистраторы</li>
|
||||||
|
<li>• Системы видеонаблюдения</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-orange-400 text-4xl mb-4">🖲️</div>
|
||||||
|
<h3 className="text-lg font-bold mb-3">Серверное оборудование</h3>
|
||||||
|
<ul className="text-sm text-gray-300 space-y-1">
|
||||||
|
<li>• Серверы и рабочие станции</li>
|
||||||
|
<li>• Системы хранения данных</li>
|
||||||
|
<li>• ИБП и стабилизаторы</li>
|
||||||
|
<li>• Серверные шкафы</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Government Procurement */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Работа с <span className="gradient-text">госзакупками</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Профессиональное участие в тендерах по 44-ФЗ и 223-ФЗ
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 gap-12 items-center mb-16">
|
||||||
|
<div>
|
||||||
|
<h3 className="text-2xl font-bold mb-6 text-cyan-400">44-ФЗ • Государственные закупки</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-cyan-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Участие в электронных аукционах</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Работа на всех федеральных торговых площадках</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-cyan-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Конкурсы и котировки</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Подготовка конкурсной документации</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-cyan-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Малые закупки</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Поставки до 600 тыс. рублей</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h3 className="text-2xl font-bold mb-6 text-teal-400">223-ФЗ • Корпоративные закупки</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-teal-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Закупки госкорпораций</h4>
|
||||||
|
<p className="text-gray-300 text-sm">РЖД, Газпром, Роснефть и другие</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-teal-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Муниципальные предприятия</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Коммунальные и транспортные компании</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-teal-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Субъекты естественных монополий</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Энергетические и телекоммуникационные компании</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg">
|
||||||
|
<h3 className="text-2xl font-bold mb-6 text-center">Наши преимущества в госзакупках</h3>
|
||||||
|
<div className="grid md:grid-cols-4 gap-6">
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="text-cyan-400 text-3xl mb-3">📋</div>
|
||||||
|
<h4 className="font-bold mb-2">Опыт участия</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Более 500 выигранных тендеров</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="text-teal-400 text-3xl mb-3">🏆</div>
|
||||||
|
<h4 className="font-bold mb-2">Высокий рейтинг</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Надежный поставщик без нарушений</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="text-green-400 text-3xl mb-3">⚡</div>
|
||||||
|
<h4 className="font-bold mb-2">Быстрая поставка</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Соблюдение всех сроков контракта</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="text-blue-400 text-3xl mb-3">📄</div>
|
||||||
|
<h4 className="font-bold mb-2">Все документы</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Полный пакет сертификатов и лицензий</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* B2B Services */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Услуги для <span className="gradient-text">бизнеса</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🏢</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Корпоративные поставки</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Комплексное оснащение офисов и производственных помещений
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• Индивидуальные условия</li>
|
||||||
|
<li>• Отсрочка платежа</li>
|
||||||
|
<li>• Гарантийное обслуживание</li>
|
||||||
|
<li>• Логистические решения</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-4xl mb-4">📦</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Складская программа</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Поддержание складских остатков популярных позиций
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• Быстрая отгрузка</li>
|
||||||
|
<li>• Резервирование товара</li>
|
||||||
|
<li>• Консигнационные поставки</li>
|
||||||
|
<li>• Управление запасами</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-4xl mb-4">🔧</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Сервисное обслуживание</h3>
|
||||||
|
<p className="text-gray-300 mb-4">
|
||||||
|
Полный цикл технической поддержки оборудования
|
||||||
|
</p>
|
||||||
|
<ul className="text-sm text-gray-400 space-y-1">
|
||||||
|
<li>• Установка и настройка</li>
|
||||||
|
<li>• Гарантийный ремонт</li>
|
||||||
|
<li>• Техническая поддержка</li>
|
||||||
|
<li>• Обучение персонала</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Brands */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Наши <span className="gradient-text">партнеры</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Работаем с ведущими производителями электроники
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-8">
|
||||||
|
{[
|
||||||
|
'Apple', 'Samsung', 'Lenovo', 'HP', 'Dell', 'ASUS',
|
||||||
|
'Acer', 'MSI', 'Canon', 'Epson', 'Cisco', 'D-Link',
|
||||||
|
'TP-Link', 'Huawei', 'Xiaomi', 'Sony', 'LG', 'Philips'
|
||||||
|
].map((brand) => (
|
||||||
|
<div key={brand} className="glass-effect p-4 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<span className="font-semibold">{brand}</span>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Contact Section */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-4xl mx-auto px-4 text-center">
|
||||||
|
<div className="glass-effect p-12 rounded-lg">
|
||||||
|
<h2 className="text-3xl font-bold mb-6">
|
||||||
|
Нужна поставка <span className="gradient-text">оборудования</span>?
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-300 mb-8 text-lg">
|
||||||
|
Отправьте нам спецификацию — подготовим коммерческое предложение в течение дня
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||||
|
<button className="px-8 py-3 bg-cyan-500 text-black font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Отправить спецификацию
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300">
|
||||||
|
Заказать звонок
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-black py-12">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 text-center">
|
||||||
|
<div className="mb-8">
|
||||||
|
<span className="text-3xl font-bold gradient-text">GUNDYREV</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-400 mb-4">
|
||||||
|
© 2024 GUNDYREV. Все права защищены.
|
||||||
|
</p>
|
||||||
|
<p className="text-gray-500 text-sm">
|
||||||
|
Поставка электроники для бизнеса и государственных организаций
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -1,26 +1,272 @@
|
|||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--background: #ffffff;
|
--background: #0a0a0a;
|
||||||
--foreground: #171717;
|
--foreground: #ffffff;
|
||||||
|
--accent: #00ff88;
|
||||||
|
--gray: #333333;
|
||||||
|
--light-gray: #666666;
|
||||||
}
|
}
|
||||||
|
|
||||||
@theme inline {
|
@theme inline {
|
||||||
--color-background: var(--background);
|
--color-background: var(--background);
|
||||||
--color-foreground: var(--foreground);
|
--color-foreground: var(--foreground);
|
||||||
|
--color-accent: var(--accent);
|
||||||
|
--color-gray: var(--gray);
|
||||||
|
--color-light-gray: var(--light-gray);
|
||||||
--font-sans: var(--font-geist-sans);
|
--font-sans: var(--font-geist-sans);
|
||||||
--font-mono: var(--font-geist-mono);
|
--font-mono: var(--font-geist-mono);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
:root {
|
|
||||||
--background: #0a0a0a;
|
|
||||||
--foreground: #ededed;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: var(--font-sans), Arial, Helvetica, sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
overflow-x: hidden; /* Предотвращаем горизонтальную прокрутку */
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gradient-text {
|
||||||
|
background: linear-gradient(135deg, #00ff88, #00cc6a);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glass-effect {
|
||||||
|
background: rgba(255, 255, 255, 0.05);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hover-glow:hover {
|
||||||
|
box-shadow: 0 0 20px rgba(0, 255, 136, 0.3);
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-padding {
|
||||||
|
padding: 80px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Анимации для интерактивных элементов */
|
||||||
|
@keyframes float {
|
||||||
|
0%, 100% {
|
||||||
|
transform: translateY(0px) rotate(0deg);
|
||||||
|
}
|
||||||
|
33% {
|
||||||
|
transform: translateY(-10px) rotate(1deg);
|
||||||
|
}
|
||||||
|
66% {
|
||||||
|
transform: translateY(5px) rotate(-1deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes twinkle {
|
||||||
|
0%, 100% {
|
||||||
|
opacity: 0.3;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1.2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes drift {
|
||||||
|
0% {
|
||||||
|
transform: translate(0, 0) rotate(0deg);
|
||||||
|
}
|
||||||
|
25% {
|
||||||
|
transform: translate(10px, -10px) rotate(90deg);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: translate(-5px, -20px) rotate(180deg);
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
transform: translate(-10px, -10px) rotate(270deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translate(0, 0) rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Анимация падения блоков */
|
||||||
|
@keyframes fallAndBounce {
|
||||||
|
0% {
|
||||||
|
transform: translateY(-100vh) rotate(0deg);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
80% {
|
||||||
|
transform: translateY(0) rotate(360deg);
|
||||||
|
}
|
||||||
|
90% {
|
||||||
|
transform: translateY(-20px) rotate(375deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateY(0) rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Эффект приземления */
|
||||||
|
@keyframes landingShockwave {
|
||||||
|
0% {
|
||||||
|
transform: scale(1);
|
||||||
|
box-shadow: 0 0 0 0 rgba(0, 255, 136, 0.7);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: scale(1.05);
|
||||||
|
box-shadow: 0 0 0 20px rgba(0, 255, 136, 0.3);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
box-shadow: 0 0 0 40px rgba(0, 255, 136, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.floating-particle {
|
||||||
|
animation: drift 8s infinite linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.floating-particle:nth-child(odd) {
|
||||||
|
animation: twinkle 3s infinite ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.floating-particle:nth-child(even) {
|
||||||
|
animation: float 6s infinite ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Улучшенные стили для перетаскиваемых карточек */
|
||||||
|
.draggable-card {
|
||||||
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.draggable-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 10px 25px rgba(0, 255, 136, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.draggable-card.dragging {
|
||||||
|
transform: rotate(3deg) scale(1.05);
|
||||||
|
box-shadow: 0 15px 35px rgba(0, 255, 136, 0.4);
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.draggable-card.falling {
|
||||||
|
animation: fallAndBounce 2s ease-out;
|
||||||
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.draggable-card.landed {
|
||||||
|
animation: landingShockwave 0.6s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Эффект тряски при приземлении */
|
||||||
|
@keyframes shake {
|
||||||
|
0%, 100% { transform: translateX(0); }
|
||||||
|
10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }
|
||||||
|
20%, 40%, 60%, 80% { transform: translateX(2px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.shake {
|
||||||
|
animation: shake 0.5s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Стили для мобильных устройств */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.section-padding {
|
||||||
|
padding: 40px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.draggable-card {
|
||||||
|
width: 280px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glass-effect {
|
||||||
|
backdrop-filter: blur(5px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Стили для touch устройств */
|
||||||
|
@media (hover: none) and (pointer: coarse) {
|
||||||
|
.hover-glow:hover {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.draggable-card:active {
|
||||||
|
transform: scale(1.05);
|
||||||
|
box-shadow: 0 10px 25px rgba(0, 255, 136, 0.3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Анимация появления блоков */
|
||||||
|
@keyframes slideInFromBottom {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(50px);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.animate-slide-in {
|
||||||
|
animation: slideInFromBottom 0.6s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Пульсирующий эффект для активных элементов */
|
||||||
|
@keyframes pulse-glow {
|
||||||
|
0%, 100% {
|
||||||
|
box-shadow: 0 0 5px rgba(0, 255, 136, 0.5);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
box-shadow: 0 0 20px rgba(0, 255, 136, 0.8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pulse-glow {
|
||||||
|
animation: pulse-glow 2s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Эффект падающих звездочек */
|
||||||
|
@keyframes fallingStar {
|
||||||
|
0% {
|
||||||
|
transform: translateY(-100vh) translateX(0) rotate(0deg);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateY(100vh) translateX(100px) rotate(360deg);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.falling-star {
|
||||||
|
animation: fallingStar 3s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Эффект волны при приземлении */
|
||||||
|
@keyframes ripple {
|
||||||
|
0% {
|
||||||
|
transform: scale(0);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(4);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ripple-effect {
|
||||||
|
position: absolute;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(0, 255, 136, 0.3);
|
||||||
|
animation: ripple 0.6s linear;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4,17 +4,17 @@ import "./globals.css";
|
|||||||
|
|
||||||
const geistSans = Geist({
|
const geistSans = Geist({
|
||||||
variable: "--font-geist-sans",
|
variable: "--font-geist-sans",
|
||||||
subsets: ["latin"],
|
subsets: ["latin", "cyrillic"],
|
||||||
});
|
});
|
||||||
|
|
||||||
const geistMono = Geist_Mono({
|
const geistMono = Geist_Mono({
|
||||||
variable: "--font-geist-mono",
|
variable: "--font-geist-mono",
|
||||||
subsets: ["latin"],
|
subsets: ["latin", "cyrillic"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Create Next App",
|
title: "GUNDYREV - Инновационные IT-решения и поставка электроники",
|
||||||
description: "Generated by create next app",
|
description: "Разработка программного обеспечения, поставка электроники B2B/B2G, услуги по улучшению пользовательского опыта в интернете",
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@ -23,7 +23,7 @@ export default function RootLayout({
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}>) {
|
||||||
return (
|
return (
|
||||||
<html lang="en">
|
<html lang="ru">
|
||||||
<body
|
<body
|
||||||
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
|
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
|
||||||
>
|
>
|
||||||
|
|||||||
231
src/app/page.tsx
231
src/app/page.tsx
@ -1,102 +1,143 @@
|
|||||||
import Image from "next/image";
|
import Navigation from './components/Navigation';
|
||||||
|
import InteractiveBlocks from './components/InteractiveBlocks';
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
|
<div className="min-h-screen bg-gradient-to-br from-black via-gray-900 to-black">
|
||||||
<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
|
<Navigation />
|
||||||
<Image
|
|
||||||
className="dark:invert"
|
{/* Hero Section */}
|
||||||
src="/next.svg"
|
<section className="relative section-padding pt-52">
|
||||||
alt="Next.js logo"
|
<div className="max-w-6xl mx-auto px-6 text-center">
|
||||||
width={180}
|
<h1 className="text-5xl md:text-7xl font-bold mb-8">
|
||||||
height={38}
|
<span className="gradient-text">GUNDYREV</span>
|
||||||
priority
|
</h1>
|
||||||
/>
|
<p className="text-xl md:text-2xl text-gray-300 mb-12 max-w-3xl mx-auto">
|
||||||
<ol className="list-inside list-decimal text-sm/6 text-center sm:text-left font-[family-name:var(--font-geist-mono)]">
|
Комплексные IT-решения для бизнеса. От разработки до поставки оборудования.
|
||||||
<li className="mb-2 tracking-[-.01em]">
|
</p>
|
||||||
Get started by editing{" "}
|
|
||||||
<code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-[family-name:var(--font-geist-mono)] font-semibold">
|
{/* Floating particles */}
|
||||||
src/app/page.tsx
|
<div className="absolute inset-0 pointer-events-none">
|
||||||
</code>
|
{[...Array(20)].map((_, i) => (
|
||||||
.
|
<div
|
||||||
</li>
|
key={i}
|
||||||
<li className="tracking-[-.01em]">
|
className="absolute w-1 h-1 bg-green-400 rounded-full floating-particle"
|
||||||
Save and see your changes instantly.
|
style={{
|
||||||
</li>
|
left: `${Math.random() * 100}%`,
|
||||||
</ol>
|
top: `${Math.random() * 100}%`,
|
||||||
|
animationDelay: `${Math.random() * 5}s`,
|
||||||
<div className="flex gap-4 items-center flex-col sm:flex-row">
|
animationDuration: `${3 + Math.random() * 4}s`,
|
||||||
<a
|
}}
|
||||||
className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:w-auto"
|
/>
|
||||||
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
))}
|
||||||
target="_blank"
|
</div>
|
||||||
rel="noopener noreferrer"
|
</div>
|
||||||
>
|
</section>
|
||||||
<Image
|
|
||||||
className="dark:invert"
|
{/* About Section */}
|
||||||
src="/vercel.svg"
|
<section className="section-padding">
|
||||||
alt="Vercel logomark"
|
<div className="max-w-6xl mx-auto px-6">
|
||||||
width={20}
|
<div className="grid md:grid-cols-2 gap-12 items-center">
|
||||||
height={20}
|
<div>
|
||||||
/>
|
<h2 className="text-4xl font-bold mb-6 gradient-text">О нас</h2>
|
||||||
Deploy now
|
<p className="text-gray-300 text-lg mb-6">
|
||||||
</a>
|
GUNDYREV — это команда профессионалов, специализирующихся на создании
|
||||||
<a
|
современных IT-решений и поставке высококачественного оборудования.
|
||||||
className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 w-full sm:w-auto md:w-[158px]"
|
</p>
|
||||||
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
<p className="text-gray-300 text-lg mb-6">
|
||||||
target="_blank"
|
Мы работаем с государственными и коммерческими организациями,
|
||||||
rel="noopener noreferrer"
|
предоставляя полный спектр услуг от разработки программного обеспечения
|
||||||
>
|
до комплексных поставок электроники по 44-ФЗ и 223-ФЗ.
|
||||||
Read our docs
|
</p>
|
||||||
</a>
|
<div className="grid grid-cols-2 gap-4 mt-8">
|
||||||
|
<div className="glass-effect p-4 rounded-lg">
|
||||||
|
<div className="text-2xl font-bold gradient-text">5+</div>
|
||||||
|
<div className="text-gray-400">лет опыта</div>
|
||||||
|
</div>
|
||||||
|
<div className="glass-effect p-4 rounded-lg">
|
||||||
|
<div className="text-2xl font-bold gradient-text">100+</div>
|
||||||
|
<div className="text-gray-400">проектов</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative">
|
||||||
|
<div className="glass-effect p-8 rounded-lg">
|
||||||
|
<h3 className="text-2xl font-bold mb-4 text-white">Наши принципы</h3>
|
||||||
|
<ul className="space-y-3 text-gray-300">
|
||||||
|
<li className="flex items-center">
|
||||||
|
<span className="text-green-400 mr-3">✓</span>
|
||||||
|
Качество превыше всего
|
||||||
|
</li>
|
||||||
|
<li className="flex items-center">
|
||||||
|
<span className="text-green-400 mr-3">✓</span>
|
||||||
|
Индивидуальный подход
|
||||||
|
</li>
|
||||||
|
<li className="flex items-center">
|
||||||
|
<span className="text-green-400 mr-3">✓</span>
|
||||||
|
Соблюдение сроков
|
||||||
|
</li>
|
||||||
|
<li className="flex items-center">
|
||||||
|
<span className="text-green-400 mr-3">✓</span>
|
||||||
|
Прозрачность процессов
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Interactive Services Section */}
|
||||||
|
<section className="section-padding bg-gradient-to-b from-transparent to-gray-900/50">
|
||||||
|
<div className="max-w-6xl mx-auto px-6 text-center mb-12">
|
||||||
|
<h2 className="text-4xl font-bold mb-6 gradient-text">Наши направления</h2>
|
||||||
|
<p className="text-xl text-gray-300 mb-8">
|
||||||
|
Перетаскивайте блоки и изучайте наши услуги интерактивно
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Interactive Blocks */}
|
||||||
|
<InteractiveBlocks />
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Contact Section */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-4xl mx-auto px-6 text-center">
|
||||||
|
<h2 className="text-4xl font-bold mb-8 gradient-text">Свяжитесь с нами</h2>
|
||||||
|
<p className="text-xl text-gray-300 mb-12">
|
||||||
|
Готовы обсудить ваш проект? Мы всегда открыты для новых возможностей.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-3xl mb-4">📧</div>
|
||||||
|
<h3 className="text-xl font-bold mb-2 text-white">Email</h3>
|
||||||
|
<p className="text-gray-300">info@gundyrev.ru</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-3xl mb-4">📱</div>
|
||||||
|
<h3 className="text-xl font-bold mb-2 text-white">Телефон</h3>
|
||||||
|
<p className="text-gray-300">+7 (XXX) XXX-XX-XX</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-3xl mb-4">💬</div>
|
||||||
|
<h3 className="text-xl font-bold mb-2 text-white">Telegram</h3>
|
||||||
|
<p className="text-gray-300">@gundyrev</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="border-t border-gray-800 py-8">
|
||||||
|
<div className="max-w-6xl mx-auto px-6 text-center">
|
||||||
|
<p className="text-gray-400">
|
||||||
|
© 2024 GUNDYREV. Все права защищены.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
<footer className="row-start-3 flex gap-[24px] flex-wrap items-center justify-center">
|
|
||||||
<a
|
|
||||||
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
|
|
||||||
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>
|
|
||||||
<Image
|
|
||||||
aria-hidden
|
|
||||||
src="/file.svg"
|
|
||||||
alt="File icon"
|
|
||||||
width={16}
|
|
||||||
height={16}
|
|
||||||
/>
|
|
||||||
Learn
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
|
|
||||||
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>
|
|
||||||
<Image
|
|
||||||
aria-hidden
|
|
||||||
src="/window.svg"
|
|
||||||
alt="Window icon"
|
|
||||||
width={16}
|
|
||||||
height={16}
|
|
||||||
/>
|
|
||||||
Examples
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
|
|
||||||
href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>
|
|
||||||
<Image
|
|
||||||
aria-hidden
|
|
||||||
src="/globe.svg"
|
|
||||||
alt="Globe icon"
|
|
||||||
width={16}
|
|
||||||
height={16}
|
|
||||||
/>
|
|
||||||
Go to nextjs.org →
|
|
||||||
</a>
|
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
232
src/app/secure-t/documentation/page.tsx
Normal file
232
src/app/secure-t/documentation/page.tsx
Normal file
@ -0,0 +1,232 @@
|
|||||||
|
'use client';
|
||||||
|
|
||||||
|
import Navigation from '../../components/Navigation';
|
||||||
|
|
||||||
|
export default function SecureTDocumentation() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navigation />
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
|
<section className="min-h-screen flex items-center justify-center relative overflow-hidden pt-16">
|
||||||
|
<div className="absolute inset-0 bg-gradient-to-br from-red-900 via-black to-orange-900"></div>
|
||||||
|
<div className="absolute inset-0 opacity-20">
|
||||||
|
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-red-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-orange-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative z-10 max-w-7xl mx-auto px-4 py-20">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h1 className="text-5xl md:text-7xl font-bold mb-6">
|
||||||
|
Документация <span className="gradient-text">SECURE-T</span>
|
||||||
|
</h1>
|
||||||
|
<p className="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto">
|
||||||
|
Полная документация по системе информационной безопасности
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Documentation Grid */}
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
|
{/* Основная документация */}
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-4xl mb-4">📚</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Полная документация</h3>
|
||||||
|
<p className="text-gray-300 mb-6">
|
||||||
|
Подробное руководство по всем аспектам системы SECURE-T
|
||||||
|
</p>
|
||||||
|
<div className="space-y-2 text-sm text-gray-400 mb-6">
|
||||||
|
<div>• Обзор системы</div>
|
||||||
|
<div>• Основные решения</div>
|
||||||
|
<div>• Технологии и архитектура</div>
|
||||||
|
<div>• API документация</div>
|
||||||
|
</div>
|
||||||
|
<a
|
||||||
|
href="/docs/SECURE-T_Documentation.md"
|
||||||
|
target="_blank"
|
||||||
|
className="inline-block px-6 py-2 bg-blue-500 text-white font-semibold rounded-lg hover:bg-blue-600 transition-all duration-300"
|
||||||
|
>
|
||||||
|
Открыть документацию
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Быстрый старт */}
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🚀</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Быстрый старт</h3>
|
||||||
|
<p className="text-gray-300 mb-6">
|
||||||
|
Пошаговое руководство по быстрому развертыванию
|
||||||
|
</p>
|
||||||
|
<div className="space-y-2 text-sm text-gray-400 mb-6">
|
||||||
|
<div>• Системные требования</div>
|
||||||
|
<div>• Установка и настройка</div>
|
||||||
|
<div>• Первоначальная конфигурация</div>
|
||||||
|
<div>• Troubleshooting</div>
|
||||||
|
</div>
|
||||||
|
<a
|
||||||
|
href="/docs/SECURE-T_Quick_Start.md"
|
||||||
|
target="_blank"
|
||||||
|
className="inline-block px-6 py-2 bg-green-500 text-white font-semibold rounded-lg hover:bg-green-600 transition-all duration-300"
|
||||||
|
>
|
||||||
|
Начать работу
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Примеры конфигурации */}
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-4xl mb-4">⚙️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Примеры конфигурации</h3>
|
||||||
|
<p className="text-gray-300 mb-6">
|
||||||
|
Готовые конфигурации для различных сценариев
|
||||||
|
</p>
|
||||||
|
<div className="space-y-2 text-sm text-gray-400 mb-6">
|
||||||
|
<div>• Основная конфигурация</div>
|
||||||
|
<div>• Кластерная настройка</div>
|
||||||
|
<div>• Политики безопасности</div>
|
||||||
|
<div>• Интеграции</div>
|
||||||
|
</div>
|
||||||
|
<a
|
||||||
|
href="/docs/SECURE-T_Configuration_Examples.md"
|
||||||
|
target="_blank"
|
||||||
|
className="inline-block px-6 py-2 bg-purple-500 text-white font-semibold rounded-lg hover:bg-purple-600 transition-all duration-300"
|
||||||
|
>
|
||||||
|
Посмотреть примеры
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* README */}
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-yellow-400 text-4xl mb-4">📖</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Обзор документации</h3>
|
||||||
|
<p className="text-gray-300 mb-6">
|
||||||
|
Навигация по всей документации SECURE-T
|
||||||
|
</p>
|
||||||
|
<div className="space-y-2 text-sm text-gray-400 mb-6">
|
||||||
|
<div>• Структура документации</div>
|
||||||
|
<div>• Быстрые ссылки</div>
|
||||||
|
<div>• Контактная информация</div>
|
||||||
|
<div>• Обновления</div>
|
||||||
|
</div>
|
||||||
|
<a
|
||||||
|
href="/docs/README.md"
|
||||||
|
target="_blank"
|
||||||
|
className="inline-block px-6 py-2 bg-yellow-500 text-white font-semibold rounded-lg hover:bg-yellow-600 transition-all duration-300"
|
||||||
|
>
|
||||||
|
Обзор
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Онлайн просмотр */}
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300 md:col-span-2">
|
||||||
|
<div className="text-red-400 text-4xl mb-4">💻</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Онлайн просмотр документации</h3>
|
||||||
|
<p className="text-gray-300 mb-6">
|
||||||
|
Просматривайте документацию прямо в браузере без скачивания файлов
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 gap-4">
|
||||||
|
<button
|
||||||
|
onClick={() => window.open('/api/docs/full', '_blank')}
|
||||||
|
className="px-6 py-3 bg-red-500 text-white font-semibold rounded-lg hover:bg-red-600 transition-all duration-300"
|
||||||
|
>
|
||||||
|
Полная документация
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
onClick={() => window.open('/api/docs/quickstart', '_blank')}
|
||||||
|
className="px-6 py-3 bg-orange-500 text-white font-semibold rounded-lg hover:bg-orange-600 transition-all duration-300"
|
||||||
|
>
|
||||||
|
Быстрый старт
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Additional Resources */}
|
||||||
|
<div className="mt-16">
|
||||||
|
<h2 className="text-3xl font-bold text-center mb-8">
|
||||||
|
Дополнительные <span className="gradient-text">ресурсы</span>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-4 gap-6">
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-3xl mb-3">🔧</div>
|
||||||
|
<h4 className="font-bold mb-2">API Reference</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">Справочник по REST API</p>
|
||||||
|
<button className="text-blue-400 hover:text-blue-300 font-medium">
|
||||||
|
Скоро
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-3xl mb-3">👥</div>
|
||||||
|
<h4 className="font-bold mb-2">Руководство пользователя</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">Для конечных пользователей</p>
|
||||||
|
<button className="text-green-400 hover:text-green-300 font-medium">
|
||||||
|
Скоро
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-3xl mb-3">🛡️</div>
|
||||||
|
<h4 className="font-bold mb-2">Лучшие практики</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">Рекомендации по безопасности</p>
|
||||||
|
<button className="text-purple-400 hover:text-purple-300 font-medium">
|
||||||
|
Скоро
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<div className="text-3xl mb-3">🔍</div>
|
||||||
|
<h4 className="font-bold mb-2">Troubleshooting</h4>
|
||||||
|
<p className="text-gray-300 text-sm mb-4">Решение проблем</p>
|
||||||
|
<button className="text-yellow-400 hover:text-yellow-300 font-medium">
|
||||||
|
Скоро
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Support Section */}
|
||||||
|
<div className="mt-16 text-center">
|
||||||
|
<div className="glass-effect p-8 rounded-lg">
|
||||||
|
<h2 className="text-2xl font-bold mb-4">
|
||||||
|
Нужна помощь с <span className="gradient-text">документацией</span>?
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-300 mb-6">
|
||||||
|
Наша команда поддержки готова помочь вам разобраться с любыми вопросами
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||||
|
<a
|
||||||
|
href="mailto:support@secure-t.com"
|
||||||
|
className="px-8 py-3 bg-red-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300"
|
||||||
|
>
|
||||||
|
Написать в поддержку
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="tel:+74951234567"
|
||||||
|
className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300"
|
||||||
|
>
|
||||||
|
Позвонить: +7 (495) 123-45-67
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-black py-12">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 text-center">
|
||||||
|
<div className="mb-8">
|
||||||
|
<span className="text-3xl font-bold gradient-text">GUNDYREV</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-400 mb-4">
|
||||||
|
© 2024 GUNDYREV. Все права защищены.
|
||||||
|
</p>
|
||||||
|
<p className="text-gray-500 text-sm">
|
||||||
|
Документация системы информационной безопасности SECURE-T
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
247
src/app/secure-t/page.tsx
Normal file
247
src/app/secure-t/page.tsx
Normal file
@ -0,0 +1,247 @@
|
|||||||
|
import Navigation from '../components/Navigation';
|
||||||
|
|
||||||
|
export default function SecureT() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navigation />
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
|
<section className="min-h-screen flex items-center justify-center relative overflow-hidden pt-16">
|
||||||
|
<div className="absolute inset-0 bg-gradient-to-br from-red-900 via-black to-orange-900"></div>
|
||||||
|
<div className="absolute inset-0 opacity-20">
|
||||||
|
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-red-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-orange-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative z-10 text-center max-w-6xl mx-auto px-4">
|
||||||
|
<h1 className="text-5xl md:text-7xl font-bold mb-6">
|
||||||
|
<span className="gradient-text">SECURE-T</span>
|
||||||
|
</h1>
|
||||||
|
<p className="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto">
|
||||||
|
Комплексные решения для информационной безопасности и защиты данных
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||||
|
<button className="px-8 py-3 bg-red-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Наши решения
|
||||||
|
</button>
|
||||||
|
<a
|
||||||
|
href="/secure-t/documentation"
|
||||||
|
className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300 text-center"
|
||||||
|
>
|
||||||
|
Документация
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Solutions Section */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Решения <span className="gradient-text">SECURE-T</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Передовые технологии защиты информации для современного бизнеса
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-red-400 text-4xl mb-4">🔐</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Криптографическая защита</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Современные алгоритмы шифрования для защиты конфиденциальных данных
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-orange-400 text-4xl mb-4">🛡️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Сетевая безопасность</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Комплексная защита сетевой инфраструктуры от внешних угроз
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-yellow-400 text-4xl mb-4">📊</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Мониторинг безопасности</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Системы мониторинга и анализа инцидентов информационной безопасности
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-4xl mb-4">🔍</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Аудит безопасности</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Проведение комплексного аудита систем информационной безопасности
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-4xl mb-4">⚙️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Интеграция систем</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Интеграция решений безопасности с существующей IT-инфраструктурой
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">📚</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Обучение персонала</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Программы обучения сотрудников основам информационной безопасности
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Technologies */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Используемые <span className="gradient-text">технологии</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-4 gap-6">
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<h4 className="font-bold mb-2">AES-256</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Шифрование данных</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<h4 className="font-bold mb-2">RSA-4096</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Асимметричное шифрование</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<h4 className="font-bold mb-2">SHA-3</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Хеширование</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<h4 className="font-bold mb-2">PKI</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Инфраструктура ключей</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<h4 className="font-bold mb-2">SIEM</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Управление событиями</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<h4 className="font-bold mb-2">DLP</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Защита от утечек</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<h4 className="font-bold mb-2">WAF</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Веб-защита</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg text-center hover-glow transition-all duration-300">
|
||||||
|
<h4 className="font-bold mb-2">IDS/IPS</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Обнаружение вторжений</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Materials & Documentation */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Материалы и <span className="gradient-text">документация</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-3xl mb-4">📄</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Техническая документация</h4>
|
||||||
|
<p className="text-gray-300 mb-4">Подробные руководства по внедрению и настройке</p>
|
||||||
|
<button className="text-blue-400 hover:text-blue-300 font-medium">Скачать →</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-3xl mb-4">🎯</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Методические материалы</h4>
|
||||||
|
<p className="text-gray-300 mb-4">Лучшие практики информационной безопасности</p>
|
||||||
|
<button className="text-green-400 hover:text-green-300 font-medium">Скачать →</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-3xl mb-4">🔧</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Инструменты настройки</h4>
|
||||||
|
<p className="text-gray-300 mb-4">Утилиты для конфигурирования системы</p>
|
||||||
|
<button className="text-purple-400 hover:text-purple-300 font-medium">Скачать →</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-red-400 text-3xl mb-4">📊</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Отчеты и аналитика</h4>
|
||||||
|
<p className="text-gray-300 mb-4">Шаблоны отчетов и аналитические данные</p>
|
||||||
|
<button className="text-red-400 hover:text-red-300 font-medium">Скачать →</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-yellow-400 text-3xl mb-4">🎓</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Обучающие материалы</h4>
|
||||||
|
<p className="text-gray-300 mb-4">Курсы и тренинги по безопасности</p>
|
||||||
|
<button className="text-yellow-400 hover:text-yellow-300 font-medium">Скачать →</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-cyan-400 text-3xl mb-4">📋</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Сертификаты и лицензии</h4>
|
||||||
|
<p className="text-gray-300 mb-4">Документы о соответствии стандартам</p>
|
||||||
|
<button className="text-cyan-400 hover:text-cyan-300 font-medium">Скачать →</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Contact Section */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-4xl mx-auto px-4 text-center">
|
||||||
|
<div className="glass-effect p-12 rounded-lg">
|
||||||
|
<h2 className="text-3xl font-bold mb-6">
|
||||||
|
Нужна консультация по <span className="gradient-text">SECURE-T</span>?
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-300 mb-8 text-lg">
|
||||||
|
Наши эксперты помогут подобрать оптимальное решение для вашей организации
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||||
|
<button className="px-8 py-3 bg-red-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Получить консультацию
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300">
|
||||||
|
Заказать аудит
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-black py-12">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 text-center">
|
||||||
|
<div className="mb-8">
|
||||||
|
<span className="text-3xl font-bold gradient-text">GUNDYREV</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-400 mb-4">
|
||||||
|
© 2024 GUNDYREV. Все права защищены.
|
||||||
|
</p>
|
||||||
|
<p className="text-gray-500 text-sm">
|
||||||
|
Решения информационной безопасности SECURE-T
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
436
src/app/solovey/page.tsx
Normal file
436
src/app/solovey/page.tsx
Normal file
@ -0,0 +1,436 @@
|
|||||||
|
import Navigation from '../components/Navigation';
|
||||||
|
|
||||||
|
export default function Solovey() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navigation />
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
|
<section className="min-h-screen flex items-center justify-center relative overflow-hidden pt-16">
|
||||||
|
<div className="absolute inset-0 bg-gradient-to-br from-amber-900 via-black to-yellow-900"></div>
|
||||||
|
<div className="absolute inset-0 opacity-20">
|
||||||
|
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-amber-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-yellow-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative z-10 text-center max-w-6xl mx-auto px-4">
|
||||||
|
<div className="mb-8">
|
||||||
|
<div className="inline-flex items-center space-x-4 mb-6">
|
||||||
|
<div className="w-16 h-16 bg-amber-500 rounded-full flex items-center justify-center">
|
||||||
|
<span className="text-black font-bold text-2xl">🐦</span>
|
||||||
|
</div>
|
||||||
|
<h1 className="text-5xl md:text-7xl font-bold text-amber-400">Соловей</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p className="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto">
|
||||||
|
Профессиональная платформа для видеосвязи и онлайн-встреч на вашем домене
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center mb-8">
|
||||||
|
<button className="px-8 py-3 bg-amber-500 text-black font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Попробовать демо
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300">
|
||||||
|
Заказать внедрение
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-4 rounded-lg inline-block">
|
||||||
|
<p className="text-sm text-gray-400">
|
||||||
|
💡 Устанавливается на поддомене заказчика с нашей технической поддержкой
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Features Section */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Возможности <span className="text-amber-400">Соловей</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Полнофункциональная платформа для корпоративных коммуникаций
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-amber-400 text-4xl mb-4">📹</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">HD видеосвязь</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Качественная видеосвязь в разрешении до 4K с адаптивной настройкой под канал связи
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-yellow-400 text-4xl mb-4">👥</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Групповые конференции</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Поддержка до 100 участников одновременно с возможностью модерации
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-orange-400 text-4xl mb-4">🖥️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Демонстрация экрана</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Совместное использование экрана, презентаций и приложений
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-green-400 p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">💬</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Чат и файлообмен</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Встроенный чат с возможностью отправки файлов и ссылок
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-4xl mb-4">📱</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Мультиплатформенность</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Работает в браузере, на мобильных устройствах и десктопе
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-4xl mb-4">🔒</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Безопасность</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
End-to-end шифрование и защита от несанкционированного доступа
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-red-400 text-4xl mb-4">📊</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Аналитика</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Детальная статистика использования и отчеты по конференциям
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-cyan-400 text-4xl mb-4">🎨</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Брендинг</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Настройка интерфейса под корпоративный стиль заказчика
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-pink-400 text-4xl mb-4">🔌</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">API интеграция</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Возможность интеграции с корпоративными системами через API
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Deployment Options */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Варианты <span className="text-amber-400">размещения</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 gap-12 items-center">
|
||||||
|
<div>
|
||||||
|
<h3 className="text-2xl font-bold mb-6 text-amber-400">На поддомене заказчика</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-amber-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Ваш домен</h4>
|
||||||
|
<p className="text-gray-300 text-sm">meet.yourcompany.ru или conference.yourcompany.com</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-amber-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Полный контроль</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Управление пользователями и настройками</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-amber-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Корпоративный стиль</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Логотип, цвета и дизайн под ваш бренд</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-amber-400 text-xl mt-1">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Техподдержка</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Наша команда обеспечивает работу сервиса</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg">
|
||||||
|
<h3 className="text-2xl font-bold mb-6 text-center">Пример интеграции</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="bg-gray-800 p-4 rounded-lg">
|
||||||
|
<div className="text-amber-400 text-sm font-mono">https://meet.company.ru</div>
|
||||||
|
<div className="text-gray-400 text-xs mt-1">Основной домен для конференций</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-gray-800 p-4 rounded-lg">
|
||||||
|
<div className="text-amber-400 text-sm font-mono">https://api.meet.company.ru</div>
|
||||||
|
<div className="text-gray-400 text-xs mt-1">API для интеграции с системами</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-gray-800 p-4 rounded-lg">
|
||||||
|
<div className="text-amber-400 text-sm font-mono">admin@company.ru</div>
|
||||||
|
<div className="text-gray-400 text-xs mt-1">Административный доступ</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Use Cases */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Сценарии <span className="text-amber-400">использования</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-amber-400 text-3xl mb-4">🏢</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Корпоративные встречи</h4>
|
||||||
|
<p className="text-gray-300 text-sm">
|
||||||
|
Планерки, совещания, презентации для сотрудников
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-yellow-400 text-3xl mb-4">🎓</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Обучение и тренинги</h4>
|
||||||
|
<p className="text-gray-300 text-sm">
|
||||||
|
Дистанционное обучение персонала и клиентов
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-green-400 p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-3xl mb-4">🤝</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Переговоры с клиентами</h4>
|
||||||
|
<p className="text-gray-300 text-sm">
|
||||||
|
Презентации продуктов и услуг потенциальным клиентам
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-3xl mb-4">🏥</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Телемедицина</h4>
|
||||||
|
<p className="text-gray-300 text-sm">
|
||||||
|
Консультации врачей и медицинские консилиумы
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-3xl mb-4">⚖️</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Юридические консультации</h4>
|
||||||
|
<p className="text-gray-300 text-sm">
|
||||||
|
Удаленные консультации и судебные заседания
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-red-400 text-3xl mb-4">🏛️</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Государственные услуги</h4>
|
||||||
|
<p className="text-gray-300 text-sm">
|
||||||
|
Прием граждан и межведомственное взаимодействие
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-cyan-400 text-3xl mb-4">🔧</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Техническая поддержка</h4>
|
||||||
|
<p className="text-gray-300 text-sm">
|
||||||
|
Удаленная диагностика и решение проблем
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-pink-400 text-3xl mb-4">📺</div>
|
||||||
|
<h4 className="text-lg font-bold mb-3">Вебинары и события</h4>
|
||||||
|
<p className="text-gray-300 text-sm">
|
||||||
|
Массовые онлайн-мероприятия и конференции
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Technical Specs */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Технические <span className="text-amber-400">характеристики</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 gap-12">
|
||||||
|
<div className="glass-effect p-8 rounded-lg">
|
||||||
|
<h3 className="text-xl font-bold mb-6 text-amber-400">Системные требования</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Браузеры</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Chrome 70+, Firefox 68+, Safari 12+, Edge 79+</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Мобильные устройства</h4>
|
||||||
|
<p className="text-gray-300 text-sm">iOS 12+, Android 7+</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Пропускная способность</h4>
|
||||||
|
<p className="text-gray-300 text-sm">Минимум 1 Мбит/с на участника</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Серверные требования</h4>
|
||||||
|
<p className="text-gray-300 text-sm">4 CPU, 8GB RAM, 100GB SSD</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg">
|
||||||
|
<h3 className="text-xl font-bold mb-6 text-amber-400">Функциональность</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Максимальное количество участников</h4>
|
||||||
|
<p className="text-gray-300 text-sm">До 100 одновременно</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Качество видео</h4>
|
||||||
|
<p className="text-gray-300 text-sm">До 4K (3840x2160) при наличии канала</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Запись конференций</h4>
|
||||||
|
<p className="text-gray-300 text-sm">MP4, автоматическая загрузка в облако</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Интеграции</h4>
|
||||||
|
<p className="text-gray-300 text-sm">REST API, WebHooks, календари</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Pricing */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Стоимость <span className="text-amber-400">внедрения</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Гибкие тарифные планы для организаций любого размера
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<h3 className="text-xl font-bold mb-4">Стартовый</h3>
|
||||||
|
<div className="text-3xl font-bold text-amber-400 mb-4">от 50 000 ₽</div>
|
||||||
|
<p className="text-gray-300 mb-6">Базовая конфигурация для малого бизнеса</p>
|
||||||
|
<ul className="space-y-2 text-sm text-gray-300">
|
||||||
|
<li>• До 25 участников</li>
|
||||||
|
<li>• Базовый брендинг</li>
|
||||||
|
<li>• Техподдержка в рабочее время</li>
|
||||||
|
<li>• 3 месяца сопровождения</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300 border-2 border-amber-500">
|
||||||
|
<div className="text-amber-400 text-sm font-bold mb-2">ПОПУЛЯРНЫЙ</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Корпоративный</h3>
|
||||||
|
<div className="text-3xl font-bold text-amber-400 mb-4">от 150 000 ₽</div>
|
||||||
|
<p className="text-gray-300 mb-6">Полнофункциональное решение для среднего бизнеса</p>
|
||||||
|
<ul className="space-y-2 text-sm text-gray-300">
|
||||||
|
<li>• До 100 участников</li>
|
||||||
|
<li>• Полный брендинг</li>
|
||||||
|
<li>• API интеграция</li>
|
||||||
|
<li>• 24/7 техподдержка</li>
|
||||||
|
<li>• 12 месяцев сопровождения</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<h3 className="text-xl font-bold mb-4">Энтерпрайз</h3>
|
||||||
|
<div className="text-3xl font-bold text-amber-400 mb-4">от 500 000 ₽</div>
|
||||||
|
<p className="text-gray-300 mb-6">Масштабируемое решение для крупных организаций</p>
|
||||||
|
<ul className="space-y-2 text-sm text-gray-300">
|
||||||
|
<li>• Неограниченное количество участников</li>
|
||||||
|
<li>• Кластерная архитектура</li>
|
||||||
|
<li>• Индивидуальная разработка</li>
|
||||||
|
<li>• Выделенная техподдержка</li>
|
||||||
|
<li>• SLA 99.9%</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Contact Section */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-4xl mx-auto px-4 text-center">
|
||||||
|
<div className="glass-effect p-12 rounded-lg">
|
||||||
|
<h2 className="text-3xl font-bold mb-6">
|
||||||
|
Готовы запустить <span className="text-amber-400">Соловей</span>?
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-300 mb-8 text-lg">
|
||||||
|
Обсудим ваши потребности и подготовим индивидуальное предложение
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||||
|
<button className="px-8 py-3 bg-amber-500 text-black font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Заказать демо
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300">
|
||||||
|
Получить консультацию
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-black py-12">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 text-center">
|
||||||
|
<div className="mb-8">
|
||||||
|
<span className="text-3xl font-bold gradient-text">GUNDYREV</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-400 mb-4">
|
||||||
|
© 2024 GUNDYREV. Все права защищены.
|
||||||
|
</p>
|
||||||
|
<p className="text-gray-500 text-sm">
|
||||||
|
Соловей — профессиональная платформа видеосвязи
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
227
src/app/ux-software/page.tsx
Normal file
227
src/app/ux-software/page.tsx
Normal file
@ -0,0 +1,227 @@
|
|||||||
|
import Navigation from '../components/Navigation';
|
||||||
|
|
||||||
|
export default function UXSoftware() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navigation />
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
|
<section className="min-h-screen flex items-center justify-center relative overflow-hidden pt-16">
|
||||||
|
<div className="absolute inset-0 bg-gradient-to-br from-blue-900 via-black to-purple-900"></div>
|
||||||
|
<div className="absolute inset-0 opacity-20">
|
||||||
|
<div className="absolute top-1/3 left-1/3 w-96 h-96 bg-blue-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
<div className="absolute bottom-1/3 right-1/3 w-96 h-96 bg-purple-500 rounded-full blur-3xl opacity-30"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative z-10 text-center max-w-6xl mx-auto px-4">
|
||||||
|
<h1 className="text-5xl md:text-7xl font-bold mb-6">
|
||||||
|
Софт для улучшения <span className="gradient-text">UX</span>
|
||||||
|
</h1>
|
||||||
|
<p className="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto">
|
||||||
|
Программное обеспечение для повышения качества пользовательского опыта в сети интернет
|
||||||
|
</p>
|
||||||
|
<div className="glass-effect p-4 rounded-lg inline-block mb-8">
|
||||||
|
<p className="text-sm text-gray-400">
|
||||||
|
* Данная страница носит информационный характер. Публичная оферта отсутствует.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Features Section */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Возможности <span className="gradient-text">нашего ПО</span>
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||||
|
Комплексное решение для оптимизации работы в интернете
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-blue-400 text-4xl mb-4">🚀</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Ускорение соединения</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Оптимизация сетевых маршрутов для повышения скорости загрузки контента
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-purple-400 text-4xl mb-4">🔒</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Защита данных</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Шифрование трафика для обеспечения конфиденциальности пользователей
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-green-400 text-4xl mb-4">🌐</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Глобальный доступ</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Доступ к контенту без географических ограничений
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-yellow-400 text-4xl mb-4">⚡</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Стабильность</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Надежное соединение с минимальными разрывами связи
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-red-400 text-4xl mb-4">🛡️</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Анонимность</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Сокрытие реального IP-адреса для защиты приватности
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg hover-glow transition-all duration-300">
|
||||||
|
<div className="text-cyan-400 text-4xl mb-4">📱</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Кроссплатформенность</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Поддержка всех популярных операционных систем и устройств
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* How it works */}
|
||||||
|
<section className="section-padding">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Как это <span className="gradient-text">работает</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-3 gap-8">
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="glass-effect w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6">
|
||||||
|
<span className="text-2xl font-bold gradient-text">1</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Установка</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Простая установка программы на ваше устройство
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="glass-effect w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6">
|
||||||
|
<span className="text-2xl font-bold gradient-text">2</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Настройка</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Автоматическая настройка оптимальных параметров
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="glass-effect w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6">
|
||||||
|
<span className="text-2xl font-bold gradient-text">3</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold mb-4">Использование</h3>
|
||||||
|
<p className="text-gray-300">
|
||||||
|
Наслаждайтесь улучшенным интернет-опытом
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Benefits */}
|
||||||
|
<section className="section-padding bg-gray-900/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="grid md:grid-cols-2 gap-12 items-center">
|
||||||
|
<div>
|
||||||
|
<h2 className="text-4xl font-bold mb-6">
|
||||||
|
Преимущества использования нашего <span className="gradient-text">ПО</span>
|
||||||
|
</h2>
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-green-400 text-xl">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Повышение производительности</h4>
|
||||||
|
<p className="text-gray-300">Оптимизация сетевых соединений для более быстрой работы</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-green-400 text-xl">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Защита конфиденциальности</h4>
|
||||||
|
<p className="text-gray-300">Надежное шифрование и защита персональных данных</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-green-400 text-xl">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Простота использования</h4>
|
||||||
|
<p className="text-gray-300">Интуитивно понятный интерфейс и автоматические настройки</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-start space-x-4">
|
||||||
|
<div className="text-green-400 text-xl">✓</div>
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold mb-2">Техническая поддержка</h4>
|
||||||
|
<p className="text-gray-300">Круглосуточная поддержка пользователей</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="glass-effect p-8 rounded-lg">
|
||||||
|
<h3 className="text-2xl font-bold mb-6 text-center">Свяжитесь с нами</h3>
|
||||||
|
<p className="text-gray-300 text-center mb-6">
|
||||||
|
Получите консультацию по внедрению решений для улучшения UX
|
||||||
|
</p>
|
||||||
|
<div className="text-center">
|
||||||
|
<button className="px-8 py-3 bg-blue-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300">
|
||||||
|
Получить консультацию
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Disclaimer */}
|
||||||
|
<section className="py-12 bg-gray-800/50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4">
|
||||||
|
<div className="glass-effect p-6 rounded-lg">
|
||||||
|
<h3 className="text-lg font-semibold mb-4 text-yellow-400">Важная информация</h3>
|
||||||
|
<p className="text-gray-300 text-sm leading-relaxed">
|
||||||
|
Данная страница носит исключительно информационный характер и не является публичной офертой.
|
||||||
|
Описанное программное обеспечение предназначено для улучшения пользовательского опыта
|
||||||
|
в сети интернет в рамках действующего законодательства. Все решения разрабатываются
|
||||||
|
с учетом требований безопасности и конфиденциальности данных.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-black py-12">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 text-center">
|
||||||
|
<div className="mb-8">
|
||||||
|
<span className="text-3xl font-bold gradient-text">GUNDYREV</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-400 mb-4">
|
||||||
|
© 2024 GUNDYREV. Все права защищены.
|
||||||
|
</p>
|
||||||
|
<p className="text-gray-500 text-sm">
|
||||||
|
Программное обеспечение для улучшения пользовательского опыта
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user