update v1.1.2
This commit is contained in:
129
items/boxes/blackbox-4gb.html
Normal file
129
items/boxes/blackbox-4gb.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox 4GB</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox 4GB</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox 4GB" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">299 €</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Все функции первых моделей + удалённый рабочий стол (Workspace). 4 GB RAM.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('BlackBox 4GB', 'Все функции первых моделей + удалённый рабочий стол (Workspace). 4 GB RAM.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Все функции BlackBox VPN и Privacy
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Удалённый рабочий стол (Workspace)
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>4 GB оперативной памяти
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Высокая производительность
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/boxes/blackbox-ai.html
Normal file
129
items/boxes/blackbox-ai.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox AI</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox AI</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox AI" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">2999 €</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Включает все технологии BlackBox. Приватный искусственный интеллект. Максимальная автономность и защита.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('BlackBox AI', 'Включает все технологии BlackBox. Приватный искусственный интеллект. Максимальная автономность и защита.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Все технологии BlackBox
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Приватный искусственный интеллект
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Максимальная автономность
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Максимальная защита
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
132
items/boxes/blackbox-privacy.html
Normal file
132
items/boxes/blackbox-privacy.html
Normal file
@@ -0,0 +1,132 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox Privacy</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox Privacy Messenger/Cloud</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox Privacy" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">199 €</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Встроенный Matrix Messenger или Nextcloud. 1 GB RAM. Полный контроль над вашими данными.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Встроенный Matrix Messenger
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Nextcloud для хранения файлов
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>1 GB оперативной памяти
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полный контроль над данными
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>End-to-end шифрование
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/boxes/blackbox-shop.html
Normal file
129
items/boxes/blackbox-shop.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox Shop</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox Shop</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox Shop" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">от 499 €</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Создание магазина в Telegram через бота. Загрузка товаров, описание, цена. Оплата за товары через криптовалюту. Полная анонимность продавца и покупателя.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('BlackBox Shop', 'Создание магазина в Telegram через бота. Загрузка товаров, описание, цена. Оплата за товары через криптовалюту. Полная анонимность продавца и покупателя.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Создание магазина в Telegram
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Загрузка товаров и описаний
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Оплата криптовалютой
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полная анонимность
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
131
items/boxes/blackbox-vpn.html
Normal file
131
items/boxes/blackbox-vpn.html
Normal file
@@ -0,0 +1,131 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox VPN</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox VPN</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox VPN" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-3 animate-pulse">
|
||||
<span>499 €</span>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Создаёт Wi-Fi точку с защищённым VPN. 512 MB RAM.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Защищённое VPN соединение
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>512 MB оперативной памяти
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Автономная работа
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Поддержка всех основных протоколов
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/boxes/blackbox-workstation.html
Normal file
129
items/boxes/blackbox-workstation.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox Workstation</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox Workstation</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox Workstation" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">499 €</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Полноценная рабочая станция. Все функции предыдущих моделей.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('BlackBox Workstation', 'Полноценная рабочая станция. Все функции предыдущих моделей.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Все функции BlackBox 4GB
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полноценная рабочая станция
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Расширенные возможности
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Высокая производительность
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
84
items/boxes/template.html
Normal file
84
items/boxes/template.html
Normal file
@@ -0,0 +1,84 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Продукт</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 id="productTitle" class="text-3xl font-bold mb-6 text-cyan-400"></h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img id="productImage" src="/images/bb_on_white-square.webp" alt="Product Image" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div id="productPrice" class="inline-flex items-center px-4 py-2 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 text-xl"></div>
|
||||
<p id="productDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul id="productFeatures" class="text-gray-300 space-y-2"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script>
|
||||
// Load product data based on URL
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const productId = window.location.pathname.split('/').pop().replace('.html', '');
|
||||
const productData = getProductData(productId);
|
||||
|
||||
if (productData) {
|
||||
document.getElementById('productTitle').textContent = productData.title;
|
||||
document.getElementById('productPrice').textContent = productData.price;
|
||||
document.getElementById('productDescription').textContent = productData.description;
|
||||
|
||||
const featuresList = document.getElementById('productFeatures');
|
||||
productData.features.forEach(feature => {
|
||||
const li = document.createElement('li');
|
||||
li.className = 'flex items-start';
|
||||
li.innerHTML = `<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>${feature}`;
|
||||
featuresList.appendChild(li);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function getProductData(productId) {
|
||||
const products = {
|
||||
'blackbox-vpn': {
|
||||
title: 'BlackBox VPN',
|
||||
price: '99 €',
|
||||
description: 'Создаёт Wi-Fi точку с защищённым VPN. 512 MB RAM.',
|
||||
features: [
|
||||
'Защищённое VPN соединение',
|
||||
'512 MB оперативной памяти',
|
||||
'Автономная работа',
|
||||
'Поддержка всех основных протоколов'
|
||||
]
|
||||
},
|
||||
// Other products will be added similarly
|
||||
};
|
||||
return products[productId];
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
129
items/services/anonymous-email.html
Normal file
129
items/services/anonymous-email.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Анонимный email</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Анонимный email</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-envelope text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">39 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Полностью анонимная почта без привязки к личности. Временные адреса. Шифрование всех входящих/исходящих сообщений.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Анонимный email', 'Полностью анонимная почта без привязки к личности. Временные адреса. Шифрование всех входящих/исходящих сообщений.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полная анонимность
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Без привязки к личности
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Временные адреса
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Шифрование сообщений
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: 39 €/мес</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/services/cloud-storage.html
Normal file
129
items/services/cloud-storage.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Облачное хранилище</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Облачное хранилище</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-cloud text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">29 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Защищенное хранилище файлов с end-to-end шифрованием. Доступ с любого устройства. Автоматическое резервное копирование.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Облачное хранилище', 'Защищенное хранилище файлов с end-to-end шифрованием. Доступ с любого устройства. Автоматическое резервное копирование.', '29 €/мес')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>End-to-end шифрование
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Доступ с любого устройства
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Автоматическое резервное копирование
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Высокая надежность
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/services/crypto-wallet.html
Normal file
129
items/services/crypto-wallet.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Крипто-кошелек</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Крипто-кошелек</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-wallet text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">59 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Изолированный cold-wallet для хранения и операций криптовалютой с максимальной изоляцией от internet-угроз.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Крипто-кошелек', 'Изолированный cold-wallet для хранения и операций криптовалютой с максимальной изоляцией от internet-угроз.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Изолированный cold-wallet
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Максимальная изоляция от internet-угроз
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Безопасное хранение криптовалюты
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Проведение операций
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: 59 €/мес</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/services/data-protection.html
Normal file
129
items/services/data-protection.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Защита данных</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Защита данных</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-shield-alt text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">49 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Полная защита ваших персональных данных. Включает: мониторинг утечек, защиту от фишинга, безопасное хранение паролей.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Защита данных', 'Полная защита ваших персональных данных. Включает: мониторинг утечек, защиту от фишинга, безопасное хранение паролей.', '49 €/мес')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Мониторинг утечек данных
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Защита от фишинга
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Безопасное хранение паролей
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Ежедневные отчеты о безопасности
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/services/decentralized-hosting.html
Normal file
129
items/services/decentralized-hosting.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Децентрализованный хостинг</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Децентрализованный хостинг</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-server text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">79 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Размещение сайтов и приложений без центрального сервера. Полная анонимность владельца. Защита от DDoS.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Децентрализованный хостинг', 'Размещение сайтов и приложений без центрального сервера. Полная анонимность владельца. Защита от DDoS.', '79 €/мес')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Без центрального сервера
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полная анонимность владельца
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Защита от DDoS
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Высокая доступность
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/services/private-chat.html
Normal file
129
items/services/private-chat.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Приватный чат</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Приватный чат</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-comments text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">19 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Полностью анонимные переписки с end-to-end шифрованием. Нет логов сообщений. Поддержка групповых чатов.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Приватный чат', 'Полностью анонимные переписки с end-to-end шифрованием. Нет логов сообщений. Поддержка групповых чатов.', '19 €/мес')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полная анонимность
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>End-to-end шифрование
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Нет логов сообщений
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Поддержка групповых чатов
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
85
items/services/template.html
Normal file
85
items/services/template.html
Normal file
@@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Сервис</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 id="serviceTitle" class="text-3xl font-bold mb-6 text-cyan-400"></h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i id="serviceIcon" class="fas fa-shield-alt text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div id="servicePrice" class="inline-flex items-center px-4 py-2 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 text-xl"></div>
|
||||
<p id="serviceDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul id="serviceBenefits" class="text-gray-300 space-y-2"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const serviceId = window.location.pathname.split('/').pop().replace('.html', '');
|
||||
const serviceData = getServiceData(serviceId);
|
||||
|
||||
if (serviceData) {
|
||||
document.getElementById('serviceTitle').textContent = serviceData.title;
|
||||
document.getElementById('servicePrice').textContent = serviceData.price;
|
||||
document.getElementById('serviceDescription').textContent = serviceData.description;
|
||||
document.getElementById('serviceIcon').className = `fas ${serviceData.icon} text-8xl text-cyan-400`;
|
||||
|
||||
const benefitsList = document.getElementById('serviceBenefits');
|
||||
serviceData.benefits.forEach(benefit => {
|
||||
const li = document.createElement('li');
|
||||
li.className = 'flex items-start';
|
||||
li.innerHTML = `<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>${benefit}`;
|
||||
benefitsList.appendChild(li);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function getServiceData(serviceId) {
|
||||
const services = {
|
||||
'data-protection': {
|
||||
title: 'Защита данных',
|
||||
price: '49 €/мес',
|
||||
description: 'Полная защита ваших персональных данных. Включает: мониторинг утечек, защиту от фишинга, безопасное хранение паролей.',
|
||||
icon: 'fa-shield-alt',
|
||||
benefits: [
|
||||
'Мониторинг утечек данных',
|
||||
'Защита от фишинга',
|
||||
'Безопасное хранение паролей',
|
||||
'Ежедневные отчеты о безопасности'
|
||||
]
|
||||
},
|
||||
// Other services will be added similarly
|
||||
};
|
||||
return services[serviceId];
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user