uVPN/frontend
1
0
Fork 0
Code Issues 1 Pull Requests Actions Releases 6 Activity

update FeatureSection

Browse Source
This commit is contained in:
austnv
2026-05-24 12:34:26 +03:00
parent 45e9338f01
commit 3e68af7c58
1 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FeaturesSection.vue
+28 -7
View File
@@ -4,25 +4,46 @@
Почему выбирают uVPN Почему выбирают uVPN
</h2> </h2>
<div class="grid md:grid-cols-3 gap-8"> <div class="grid md:grid-cols-3 gap-8">
<!-- Преимущество 1 -->
<div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800"> <div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800">
<Zap class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" /> <Zap class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" />
<h3 class="text-xl font-semibold mb-3">Высокая скорость</h3> <h3 class="text-xl font-semibold mb-3">Молниеносная скорость</h3>
<p class="text-gray-500 dark:text-gray-400">Серверы в 90+ странах с пропускной способностью до 10 Гбит/с.</p> <p class="text-gray-500 dark:text-gray-400">Серверы до 1 Гбит/с — стримите, играйте и работайте без задержек</p>
</div> </div>
<!-- Преимущество 2 -->
<div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800"> <div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800">
<Shield class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" /> <Shield class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" />
<h3 class="text-xl font-semibold mb-3">Полная безопасность</h3> <h3 class="text-xl font-semibold mb-3">Надёжное шифрование</h3>
<p class="text-gray-500 dark:text-gray-400">Шифрование AES-256 и политика отсутствия логов.</p> <p class="text-gray-500 dark:text-gray-400">Современные протоколы защищают ваши данные в любой сети, включая публичный Wi‑Fi</p>
</div> </div>
<!-- Преимущество 3 -->
<div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800"> <div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800">
<Globe class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" /> <Globe class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" />
<h3 class="text-xl font-semibold mb-3">Глобальный доступ</h3> <h3 class="text-xl font-semibold mb-3">30+ стран</h3>
<p class="text-gray-500 dark:text-gray-400">Обходите цензуру и получайте доступ к любому контенту из любой точки мира.</p> <p class="text-gray-500 dark:text-gray-400">Серверы в Европе, Азии и Америке. Выберите локацию под нужный сервис</p>
</div>
<!-- Преимущество 4 -->
<div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800">
<FileX class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" />
<h3 class="text-xl font-semibold mb-3">Политика No-Log</h3>
<p class="text-gray-500 dark:text-gray-400">Не храним историю посещений, IP-адреса и никакие персональные данные</p>
</div>
<!-- Преимущество 5 -->
<div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800">
<MessageCircle class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" />
<h3 class="text-xl font-semibold mb-3">Управление в Telegram</h3>
<p class="text-gray-500 dark:text-gray-400">Подключение, смена сервера, продление — всё через удобного бота</p>
</div>
<!-- Преимущество 6 -->
<div class="bg-white dark:bg-gray-900 rounded-2xl p-8 text-center hover:bg-gray-100 dark:hover:bg-gray-800 transition border border-gray-200 dark:border-gray-800">
<RefreshCw class="w-12 h-12 text-blue-600 dark:text-blue-400 mx-auto mb-4" />
<h3 class="text-xl font-semibold mb-3">Стабильная работа</h3>
<p class="text-gray-500 dark:text-gray-400">Автоматические обновления конфигураций — VPN работает даже при новых блокировках</p>
</div> </div>
</div> </div>
</section> </section>
</template> </template>
<script setup> <script setup>
import { Zap, Shield, Globe } from '@lucide/vue' import { Zap, Shield, Globe, FileX, MessageCircle, RefreshCw } from '@lucide/vue'
</script> </script>