Bbox.wtf/landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 1.2

Browse Source
This commit is contained in:
NW
2025-05-04 16:09:55 +00:00
parent 93e4c9297d
commit d74bae32b8
20 changed files with 411 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
lang/ru/index.html
View File

@@ -37,6 +37,7 @@
<a href="/ru/#supercompare" class="hover:text-cyan-400 transition-colors">Сравнение</a>
<a href="/ru/#pricing" class="hover:text-cyan-400 transition-colors">Цена</a>
<a href="/ru/#testimonials" class="hover:text-cyan-400 transition-colors">Отзывы</a>
<a href="/pages/products.html" class="hover:text-cyan-400 transition-colors">Каталог</a>
</nav>
<a href="#order" class="pulse-cta rounded-xl px-7 py-3 bg-emerald-500 text-white text-lg font-bold shadow-lg hover:bg-emerald-400 transition-all duration-300 transform hover:scale-105" style="font-family: 'Montserrat', sans-serif; box-shadow: 0 0 15px 5px rgba(16, 185, 129, 0.5);">
Заказать сейчас
@@ -159,7 +160,7 @@
<p class="text-gray-300 mb-4 product-description">Создаёт Wi-Fi точку с защищённым VPN. 512 MB RAM.</p>
<div class="flex justify-center gap-3">
<button class="buy-btn product-buy-btn">Купить</button>
<button onclick="showProductDetails(1)" class="details-btn product-details-btn">Подробнее</button>
<button onclick="window.location.href='/items/boxes/blackbox-vpn.html'" class="details-btn product-details-btn">Подробнее</button>
</div>
</div>
</div>
@@ -177,7 +178,7 @@
<p class="text-gray-300 mb-4 product-description">Встроенный Matrix Messenger или Nextcloud. 1 GB RAM. Полный контроль над вашими данными.</p>
<div class="flex justify-center gap-3">
<button class="buy-btn product-buy-btn">Купить</button>
<button onclick="showProductDetails(2)" class="details-btn product-details-btn">Подробнее</button>
<button onclick="window.location.href='/items/boxes/blackbox-privacy.html'" class="details-btn product-details-btn">Подробнее</button>
</div>
</div>
</div>
@@ -195,7 +196,7 @@
<p class="text-gray-300 mb-4 product-description">Все функции первых моделей + удалённый рабочий стол (Workspace). 4 GB RAM.</p>
<div class="flex justify-center gap-3">
<button class="buy-btn product-buy-btn">Купить</button>
<button onclick="showProductDetails(3)" class="details-btn product-details-btn">Подробнее</button>
<button onclick="window.location.href='/items/boxes/blackbox-4gb.html'" class="details-btn product-details-btn">Подробнее</button>
</div>
</div>
</div>
@@ -213,7 +214,7 @@
<p class="text-gray-300 mb-4 product-description">Полноценная рабочая станция. Все функции предыдущих моделей.</p>
<div class="flex justify-center gap-3">
<button class="buy-btn product-buy-btn">Купить</button>
<button onclick="showProductDetails(4)" class="details-btn product-details-btn">Подробнее</button>
<button onclick="window.location.href='/items/boxes/blackbox-workstation.html'" class="details-btn product-details-btn">Подробнее</button>
</div>
</div>
</div>
@@ -231,7 +232,7 @@
<p class="text-gray-300 mb-4 product-description">Включает все технологии BlackBox. Приватный искусственный интеллект. Максимальная автономность и защита.</p>
<div class="flex justify-center gap-3">
<button class="buy-btn product-buy-btn">Купить</button>
<button onclick="showProductDetails(5)" class="details-btn product-details-btn">Подробнее</button>
<button onclick="window.location.href='/items/boxes/blackbox-ai.html'" class="details-btn product-details-btn">Подробнее</button>
</div>
</div>
</div>
@@ -249,7 +250,7 @@
<p class="text-gray-300 mb-4 product-description">Создание магазина в Telegram через бота. Загрузка товаров, описание, цена. Оплата за товары через криптовалюту. Полная анонимность продавца и покупателя.</p>
<div class="flex justify-center gap-3">
<button class="buy-btn product-buy-btn">Купить</button>
<button onclick="showProductDetails(6)" class="details-btn product-details-btn">Подробнее</button>
<button onclick="window.location.href='/items/boxes/blackbox-shop.html'" class="details-btn product-details-btn">Подробнее</button>
</div>
</div>
</div>
@@ -287,15 +288,6 @@
<div class="mt-6 text-gray-300 text-base">Действительно до <span class="inline-block text-cyan-300 rounded px-2 py-1 font-bold bg-cyan-800/30">1&nbsp;июня 2025</span> или пока не кончится запас.</div>
</section>
<!-- PRODUCT DETAILS MODAL -->
<div id="productModal" class="fixed inset-0 bg-black/80 z-50 flex items-center justify-center hidden">
<div class="modal-content relative">
<span class="modal-close" onclick="hideProductDetails()">&times;</span>
<h3 id="modalTitle" class="text-2xl font-bold mb-4 text-cyan-400"></h3>
<p id="modalDescription" class="text-gray-300 mb-6"></p>
<button class="w-full py-3 buy-btn text-lg modal-buy-btn">Купить сейчас</button>
</div>
</div>
<!-- TESTIMONIALS -->
<section id="testimonials" class="max-w-6xl mx-auto py-11 px-6 mt-4 fade-up" style="--delay:.1s">
@@ -344,10 +336,57 @@
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
</div>
</footer>
<!-- 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()">&times;</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()">&times;</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>
<script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/js/all.min.js"></script>
<script src="/js/features.js"></script>
<script src="/js/flipbook.js"></script>
<script src="/js/fade-up.js"></script>
<script src="/js/products.js"></script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};