GEKON-SUITE-VPN/QUICKSTART.md

🚀 Gekon - Быстрый старт

За 3 минуты до запуска

1. Установка (1 мин)

cd gekon-speed-boost-3ba17197-main
npm install

2. Запуск (30 сек)

npm run dev

3. Открыть (30 сек)

http://localhost:5173

✅ Что добавлено

Анимированный фон с частицами

• Файл: src/components/ParticlesBackground.tsx
• Плавная анимация на Canvas
• Цвета бренда Gekon

Интерактивная карта серверов

• Файл: src/components/ServerMap.tsx
• 25+ локаций по всему миру
• Hover для деталей сервера
• Статистика в реальном времени

🎨 Быстрая настройка

Добавить свой сервер на карту

// 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"
}

Изменить количество частиц

// src/components/ParticlesBackground.tsx, строка ~35
const particleCount = Math.min(100, ...);
// Измените 100 на нужное число

Подключить к Sub-Bridge

// Создайте: 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
• 🇷🇺 Русский
• 🇨🇳 中文

📦 Сборка

npm run build
npm run preview

🎯 Что дальше?

1. Добавьте реальные ссылки на подписку
2. Интегрируйте Telegram бот
3. Настройте аналитику
4. Оптимизируйте SEO
5. Добавьте Cookie Consent

📚 Документация

• SETUP.md - Полная инструкция
• README.ru.md - Подробное описание на русском
• Исходный код хорошо документирован

🐛 Проблемы?

# Переустановите зависимости
rm -rf node_modules package-lock.json
npm install

# Очистите кэш
npm run build -- --force

---

Готово! Лендинг запущен и готов к кастомизации 🎉