Gekon Dev
80f98282e7
Refresh visual design across hero, map, features, FAQ, and performance sections with tighter spacing, richer animations, updated branding assets, and localization/content tweaks.
112 lines
2.9 KiB
Markdown
112 lines
2.9 KiB
Markdown
# 🚀 Gekon - Быстрый старт
|
|
|
|
## За 3 минуты до запуска
|
|
|
|
### 1. Установка (1 мин)
|
|
```bash
|
|
cd gekon-speed-boost-3ba17197-main
|
|
npm install
|
|
```
|
|
|
|
### 2. Запуск (30 сек)
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
### 3. Открыть (30 сек)
|
|
```
|
|
http://localhost:5173
|
|
```
|
|
|
|
## ✅ Что добавлено
|
|
|
|
### Анимированный фон с частицами
|
|
- Файл: `src/components/ParticlesBackground.tsx`
|
|
- Плавная анимация на Canvas
|
|
- Цвета бренда Gekon
|
|
|
|
### Интерактивная карта серверов
|
|
- Файл: `src/components/ServerMap.tsx`
|
|
- 25+ локаций по всему миру
|
|
- Hover для деталей сервера
|
|
- Статистика в реальном времени
|
|
|
|
## 🎨 Быстрая настройка
|
|
|
|
### Добавить свой сервер на карту
|
|
```typescript
|
|
// src/components/ServerMap.tsx, строка ~15
|
|
{
|
|
id: "moscow",
|
|
country: "Russia",
|
|
city: "Moscow",
|
|
x: 55, // % слева (0-100)
|
|
y: 30, // % сверху (0-100)
|
|
users: 2500, // количество пользователей
|
|
latency: 5, // задержка в мс
|
|
status: "online"
|
|
}
|
|
```
|
|
|
|
### Изменить количество частиц
|
|
```typescript
|
|
// src/components/ParticlesBackground.tsx, строка ~35
|
|
const particleCount = Math.min(100, ...);
|
|
// Измените 100 на нужное число
|
|
```
|
|
|
|
### Подключить к Sub-Bridge
|
|
```typescript
|
|
// Создайте: src/config/subscription.ts
|
|
export const SUBSCRIPTION_CONFIG = {
|
|
baseUrl: 'https://subb.ydns.eu',
|
|
supportUrl: 'https://subb.ydns.eu/',
|
|
};
|
|
|
|
// В компонентах замените:
|
|
<Button onClick={() => window.location.href = SUBSCRIPTION_CONFIG.baseUrl}>
|
|
```
|
|
|
|
## 🌍 Языки
|
|
|
|
Переключатель в навигации (правый верхний угол):
|
|
- 🇬🇧 English
|
|
- 🇷🇺 Русский
|
|
- 🇨🇳 中文
|
|
|
|
## 📦 Сборка
|
|
|
|
```bash
|
|
npm run build
|
|
npm run preview
|
|
```
|
|
|
|
## 🎯 Что дальше?
|
|
|
|
1. Добавьте реальные ссылки на подписку
|
|
2. Интегрируйте Telegram бот
|
|
3. Настройте аналитику
|
|
4. Оптимизируйте SEO
|
|
5. Добавьте Cookie Consent
|
|
|
|
## 📚 Документация
|
|
|
|
- `SETUP.md` - Полная инструкция
|
|
- `README.ru.md` - Подробное описание на русском
|
|
- Исходный код хорошо документирован
|
|
|
|
## 🐛 Проблемы?
|
|
|
|
```bash
|
|
# Переустановите зависимости
|
|
rm -rf node_modules package-lock.json
|
|
npm install
|
|
|
|
# Очистите кэш
|
|
npm run build -- --force
|
|
```
|
|
|
|
---
|
|
|
|
**Готово!** Лендинг запущен и готов к кастомизации 🎉
|