From 0be39ced0dfa6f094dd2f568a62573d0dbd7cb03 Mon Sep 17 00:00:00 2001 From: Umbrix Dev Date: Wed, 4 Feb 2026 05:19:09 +0300 Subject: [PATCH] =?UTF-8?q?=E2=9D=93=20Page:=20=D0=A1=D0=BF=D1=80=D0=B0?= =?UTF-8?q?=D0=B2=D0=BA=D0=B0=20-=20=D0=BD=D0=B0=D1=81=D1=82=D1=80=D0=BE?= =?UTF-8?q?=D0=B9=D0=BA=D0=B0=20VPN=20=D0=BD=D0=B0=20=D0=B2=D1=81=D0=B5?= =?UTF-8?q?=D1=85=20=D0=BF=D0=BB=D0=B0=D1=82=D1=84=D0=BE=D1=80=D0=BC=D0=B0?= =?UTF-8?q?=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/help/page.tsx | 261 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 261 insertions(+) create mode 100644 app/help/page.tsx diff --git a/app/help/page.tsx b/app/help/page.tsx new file mode 100644 index 0000000..3bbeddf --- /dev/null +++ b/app/help/page.tsx @@ -0,0 +1,261 @@ +'use client'; + +import { useState } from 'react'; +import { useRouter } from 'next/navigation'; +import { + ChevronLeft, ChevronDown, ChevronUp, + Rocket, HelpCircle, Wrench, MessageCircle, FileText, + Smartphone, Download, Play, Apple, Monitor, Wifi, Globe, Shield, Zap +} from 'lucide-react'; + +export default function HelpPage() { + const router = useRouter(); + const [openFaq, setOpenFaq] = useState(null); + const [openTrouble, setOpenTrouble] = useState(null); + + const toggleFaq = (index: number) => { + setOpenFaq(openFaq === index ? null : index); + }; + + const toggleTrouble = (index: number) => { + setOpenTrouble(openTrouble === index ? null : index); + }; + + const faqs = [ + { + question: 'Как подключиться к VPN?', + answer: 'Откройте приложение Umbrix → выберите сервер → нажмите кнопку "Подключить". Приложение автоматически установит безопасное соединение.' + }, + { + question: 'Как изменить страну/сервер?', + answer: 'В главном экране нажмите на текущий сервер → выберите нужную страну из списка → нажмите "Подключить". Приложение переключится на новый сервер.' + }, + { + question: 'Как проверить что VPN работает?', + answer: 'Проверьте иконку в статус-баре (должна быть зеленой). Или зайдите на сайт 2ip.ru - вы увидите IP-адрес выбранной страны, а не свой реальный.' + }, + { + question: 'Как продлить подписку?', + answer: 'Главное меню → Тарифы → выберите нужный план → оплатите. Подписка продлится автоматически после подтверждения оплаты.' + }, + { + question: 'Можно ли использовать на нескольких устройствах?', + answer: 'Да! Одна подписка работает на неограниченном количестве устройств. Просто установите Umbrix на каждое устройство и войдите с той же подпиской.' + }, + { + question: 'Как получить бесплатный пробный период?', + answer: '7 дней бесплатно при регистрации! Или получите +7 дней за каждого приглашенного друга через реферальную программу.' + }, + ]; + + const troubleshooting = [ + { + problem: 'VPN не подключается', + solution: '1) Проверьте интернет-соединение\n2) Попробуйте другой сервер\n3) Переустановите приложение\n4) Напишите в поддержку с описанием проблемы' + }, + { + problem: 'Низкая скорость соединения', + solution: '1) Выберите ближайший к вам сервер\n2) Смените протокол на WireGuard (быстрее OpenVPN)\n3) Проверьте скорость без VPN для сравнения\n4) Попробуйте подключиться в другое время суток' + }, + { + problem: 'Приложение вылетает/зависает', + solution: '1) Обновите приложение до последней версии\n2) Очистите кеш приложения\n3) Перезагрузите устройство\n4) Переустановите приложение заново' + }, + { + problem: 'Ошибка "Не удалось установить соединение"', + solution: '1) Проверьте срок действия подписки\n2) Убедитесь что не превышен лимит трафика\n3) Попробуйте переключиться на другой протокол\n4) Проверьте не блокирует ли ваш провайдер VPN' + }, + { + problem: 'Не приходит код подтверждения', + solution: '1) Проверьте папку "Спам" в почте\n2) Убедитесь что email указан верно\n3) Подождите 5-10 минут\n4) Запросите код повторно\n5) Напишите в поддержку Telegram' + }, + ]; + + return ( +
+ {/* Header */} +
+
+ +

Помощь

+
+
+ + {/* Content */} +
+ {/* 1. Начало работы */} +
+
+ +

Начало работы

+
+ +
+ {/* Шаг 1: Установка */} +
+

+ + 1. Установите приложение +

+
+
+ + Android: Google Play Store → "Umbrix VPN" +
+
+ + iOS: App Store → "Umbrix VPN" +
+
+ + Desktop: umbrix.net/download +
+
+
+ + {/* Шаг 2: Активация */} +
+

+ + 2. Активируйте подписку +

+

+ Скопируйте ссылку подписки из бота → вставьте в приложение Umbrix → готово! +

+
+ + {/* Шаг 3: Подключение */} +
+

+ + 3. Подключитесь к VPN +

+

+ Перейдите во вкладку "Локации" → выберите сервер (страну) → нажмите большую зеленую кнопку → VPN активирован! +

+
+
+
+ + {/* 2. FAQ */} +
+
+ +

Частые вопросы

+
+ +
+ {faqs.map((faq, index) => ( +
+ + {openFaq === index && ( +
+ {faq.answer} +
+ )} +
+ ))} +
+
+ + {/* 3. Решение проблем */} +
+
+ +

Решение проблем

+
+ +
+ {troubleshooting.map((item, index) => ( +
+ + {openTrouble === index && ( +
+ {item.solution} +
+ )} +
+ ))} +
+
+ + {/* 4. Связаться с поддержкой */} +
+
+ +

Связаться с поддержкой

+
+ +
+

+ Не нашли ответ на свой вопрос? Свяжитесь с нами любым удобным способом: +

+ +
+ + +
+
Telegram поддержка
+
Ответим в течение 5 минут
+
+ + + +
+
+
+ + Email: support@umbrix.net +
+
+ + Время работы: 24/7 +
+
+
+
+
+
+ + {/* Spacer для нижнего отступа */} +
+
+
+ ); +}