diff --git a/app/setup/page.tsx b/app/setup/page.tsx new file mode 100644 index 0000000..5b71045 --- /dev/null +++ b/app/setup/page.tsx @@ -0,0 +1,215 @@ +'use client'; + +import { useRouter } from 'next/navigation'; +import { ChevronLeft, Smartphone, Download, QrCode, Copy, ExternalLink } from 'lucide-react'; +import { useState } from 'react'; + +export default function SetupPage() { + const router = useRouter(); + const [copied, setCopied] = useState(false); + const subscriptionUrl = 'https://umbrix2.3to3.sbs/sub/Vm9kb3JvZF8sMTc2OTczMDU2NQtUnJh9gxkj/'; + + const copyToClipboard = async (text: string) => { + try { + await navigator.clipboard.writeText(text); + setCopied(true); + setTimeout(() => setCopied(false), 2000); + } catch (err) { + console.error('Failed to copy:', err); + } + }; + + return ( +
+ {/* Header */} +
+
+ +

Настроить Umbrix

+
+
+ + {/* Main Content */} +
+ {/* Step 1: Download App */} +
+
+
+ 1 +
+
+

Скачайте приложение Umbrix

+

+ Umbrix — это безопасное VPN приложение для защиты вашего интернет-соединения +

+ + +
+
+
+ + {/* Step 2: Add Subscription */} +
+
+
+ 2 +
+
+

Добавьте подписку

+

+ После покупки вы получите ссылку на подписку. Добавьте её в приложение одним из способов: +

+ + {/* Alert: Desktop users */} +
+

+ 💡 Важно: Кнопка "Открыть в Umbrix" работает только если приложение уже установлено. Если приложения нет - вы будете перенаправлены на эту страницу для установки. +

+
+ + {/* Method 1: Copy Link */} +
+
+
+ +

Способ 1: Скопировать ссылку

+
+
    +
  1. Скопируйте ссылку подписки
    2. +
  2. Откройте приложение Umbrix
    3. +
  3. Нажмите "+" или "Добавить подписку"
    4. +
  4. Вставьте скопированную ссылку
    5. +
+
+ + {/* Method 2: QR Code */} +
+
+ +

Способ 2: QR код

+
+
    +
  1. Откройте QR код подписки
    2. +
  2. В приложении Umbrix нажмите "Сканировать QR"
    3. +
  3. Наведите камеру на QR код
    4. +
+
+
+
+
+
+ + {/* Step 3: Connect */} +
+
+
+ 3 +
+
+

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

+

+ После добавления подписки просто нажмите кнопку "Подключить" в приложении +

+ +
+

+ ✅ Готово! Ваше соединение защищено и зашифровано +

+
+
+
+
+ + {/* Help Section */} +
+

💬 Нужна помощь?

+

+ Если возникли вопросы при настройке, свяжитесь с нашей поддержкой +

+ + + Написать в поддержку + +
+ + {/* Back Button */} + +
+
+ ); +}