From d42aafaad7731f1614194788a8ff6fbfa8ab4d51 Mon Sep 17 00:00:00 2001
From: austnv <lesin2798@mail.ru>
Date: Sun, 7 Jun 2026 01:47:51 +0300
Subject: [PATCH] UI patch

---
 package.json                      |  2 +-
 src/components/AppHeader.vue      |  4 ++--
 src/components/FaqSection.vue     |  4 ++--
 src/components/HeroSection.vue    | 17 ++++++++++++-----
 src/components/PricingSection.vue |  2 +-
 5 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index afe066f..8885398 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "uvpn.shop",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 6c65642..de2e02a 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -18,9 +18,9 @@
     </nav>
 
     <!-- Кнопка тарифов -->
-    <router-link :to="{ path: '/', hash: '#pricing' }" class="bg-blue-600 dark:bg-blue-500 hover:bg-blue-700 transition px-5 py-2 rounded-lg font-medium text-sm text-white">
+    <a href="https://app.uvpn.shop" target="_blank" class="bg-blue-600 dark:bg-blue-500 hover:bg-blue-700 transition px-5 py-2 rounded-lg font-medium text-sm text-white">
       Попробовать бесплатно
-    </router-link>
+    </a>
   </header>
 </template>
 
diff --git a/src/components/FaqSection.vue b/src/components/FaqSection.vue
index 6e7a1ba..7da32fa 100644
--- a/src/components/FaqSection.vue
+++ b/src/components/FaqSection.vue
@@ -28,7 +28,7 @@ import { ChevronDown } from '@lucide/vue'
 const faqItems = [
   {
     question: 'Как начать пользоваться uVPN?',
-    answer: 'Откройте бота <a href="https://t.me/uvpn_official_bot" target="_blank" rel="noopener" class="text-blue-600 dark:text-blue-400">@uVPN</a> в Telegram, нажмите «Старт», выберите тариф или активируйте 7 дней бесплатно. Конфигурация придёт автоматически — подключение займёт 30 секунд.'
+    answer: 'Откройте бота <a href="https://t.me/uvpn_official_bot" target="_blank" rel="noopener" class="text-blue-600 dark:text-blue-400">@uVPN</a> в Telegram, нажмите «Старт», выберите тариф или активируйте 7 дней бесплатно. Конфигурация придёт автоматически — подключение займёт 30 секунд. При недоступности Telegram воспользуйтесь <a href="https://app.uvpn.shop" target="_blank" class="text-blue-600 dark:text-blue-400">нашим сайтом</a>.'
   },
   {
     question: 'Нужно ли устанавливать отдельное приложение?',
@@ -56,7 +56,7 @@ const faqItems = [
   },
   {
     question: 'Что делать, если VPN перестал работать?',
-    answer: 'Обновите конфиги в вашем клиенте. Если не помогло — напишите нам в поддержку, мы отвечаем в течение 15 минут.'
+    answer: 'Обновите конфиги в вашем клиенте. Если не помогло — напишите в поддержку, мы отвечаем в течение 15 минут.'
   }
 ]
 </script>
\ No newline at end of file
diff --git a/src/components/HeroSection.vue b/src/components/HeroSection.vue
index 44cb3a3..e12919c 100644
--- a/src/components/HeroSection.vue
+++ b/src/components/HeroSection.vue
@@ -9,14 +9,21 @@
       <!-- Левая колонка -->
       <div class="text-white">
         <h1 class="text-4xl md:text-5xl font-extrabold leading-tight mb-6 drop-shadow-lg">
-          Безопасный и быстрый VPN от <span class="text-blue-400">uVPN</span>
+          Безопасный и быстрый интернет от <span class="text-blue-400">uVPN</span>
         </h1>
         <p class="text-gray-200 text-lg mb-8 max-w-md drop-shadow">
-          Защитите свои данные, обходите блокировки и оставайтесь анонимными в сети с нашим современным VPN-сервисом на базе Xray.
+          Защитите свои данные и оставайтесь анонимными в сети с нашим современным VPN-сервисом на базе Xray.
         </p>
-        <button class="bg-blue-600 hover:bg-blue-700 transition px-8 py-4 rounded-xl font-bold text-lg shadow-lg shadow-blue-600/30 flex items-center gap-2">
-          <Zap class="w-5 h-5" /> Начать бесплатно
-        </button>
+        <a 
+          href="https://app.uvpn.shop" 
+          target="_blank" 
+          rel="noopener noreferrer"
+          class="bg-blue-600 hover:bg-blue-700 transition px-8 py-4 rounded-xl font-bold text-lg shadow-lg shadow-blue-600/30 inline-flex items-center gap-2 text-white no-underline"
+        >
+          <Zap class="w-5 h-5" /> 
+          Начать бесплатно
+        </a>
+
         <p class="text-gray-300 text-sm mt-4 drop-shadow">30-дневная гарантия возврата денег</p>
       </div>
 
diff --git a/src/components/PricingSection.vue b/src/components/PricingSection.vue
index af27b9e..fd350b4 100644
--- a/src/components/PricingSection.vue
+++ b/src/components/PricingSection.vue
@@ -10,7 +10,7 @@
         v-for="period in availablePeriods"
         :key="period.value"
         @click="selectedPeriod = period.value"
-        class="px-5 py-2 rounded-full text-sm font-medium transition"
+        class="px-5 py-2 rounded-full text-sm font-medium transition hover:cursor-pointer"
         :class="selectedPeriod === period.value
           ? 'bg-blue-600 text-white shadow-md'
           : 'bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600'"