129 lines
8.2 KiB
HTML
129 lines
8.2 KiB
HTML
<!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> |