feat: redesign landing sections and interactions
Refresh visual design across hero, map, features, FAQ, and performance sections with tighter spacing, richer animations, updated branding assets, and localization/content tweaks.
This commit is contained in:
Gekon Dev
+111
-111
@@ -1,111 +1,111 @@
|
||||
# 🚀 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
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
**Готово!** Лендинг запущен и готов к кастомизации 🎉
|
||||
# 🚀 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
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
**Готово!** Лендинг запущен и готов к кастомизации 🎉
|
||||
|
||||
Reference in New Issue
Block a user