Initial commit with all files
This commit is contained in:
372
lang/es/index.html
Normal file
372
lang/es/index.html
Normal file
@@ -0,0 +1,372 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>BlackBox – Ecosistema de Privacidad y Seguridad</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=0.5, viewport-fit=cover">
|
||||
<meta name="description" content="BlackBox es un dispositivo físico para privacidad multinivel: VPN, correo electrónico anónimo, mensajero privado, alojamiento descentralizado, transferencia segura de archivos, operaciones criptográficas. Comparación dinámica profunda - en un solo dispositivo.">
|
||||
<meta name="keywords" content="BlackBox, privacidad, seguridad, VPN, ecosistema, router, correo electrónico anónimo, mensajero privado, alojamiento descentralizado, transferencia segura de archivos, operaciones criptográficas">
|
||||
<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">
|
||||
<script src="/js/echarts.min.js"></script>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
<!-- Open Graph Meta Tags for Social Media -->
|
||||
<meta property="og:title" content="BlackBox – Ecosistema de Privacidad y Seguridad">
|
||||
<meta property="og:description" content="BlackBox es un dispositivo físico para privacidad multinivel: VPN, correo electrónico anónimo, mensajero privado, alojamiento descentralizado, transferencia segura de archivos, operaciones criptográficas.">
|
||||
<meta property="og:image" content="/images/scales.webp"> <!-- Using the main device image -->
|
||||
<meta property="og:url" content="https://bbox.wtf"> <!-- Replace with actual URL -->
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
<!-- Twitter Card Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="BlackBox – Ecosistema de Privacidad y Seguridad">
|
||||
<meta name="twitter:description" content="BlackBox es un dispositivo físico para privacidad multinivel: VPN, correo electrónico anónimo, mensajero privado, alojamiento descentralizado, transferencia segura de archivos, operaciones criptográficas.">
|
||||
<meta name="twitter:image" content="/images/scales.webp"> <!-- Using the main device image -->
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
|
||||
<!-- HEADER -->
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-7 bg-transparent z-10 relative">
|
||||
<a href="/es/" 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>
|
||||
<nav class="hidden md:flex space-x-8 text-lg font-montserrat font-semibold">
|
||||
<a href="/es/#features" class="hover:text-cyan-400 transition-colors">Características</a>
|
||||
<a href="/es/#supercompare" class="hover:text-cyan-400 transition-colors">Comparación</a>
|
||||
<a href="/es/#pricing" class="hover:text-cyan-400 transition-colors">Precios</a>
|
||||
<a href="/es/#testimonials" class="hover:text-cyan-400 transition-colors">Testimonios</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);">
|
||||
Pedir Ahora
|
||||
<i class="fas fa-lock ml-2"></i>
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<!-- HERO SECTION -->
|
||||
<section class="pt-10 pb-14 md:pt-18 md:pb-32 px-5 lg:px-0 flex flex-col items-center text-center relative overflow-visible bg-gradient-to-b from-black/90 to-gray-950 z-0">
|
||||
<div class="w-full mx-auto shadow-3d transition-all duration-300" style="background: url('/images/banner-image.webp') center/cover no-repeat; padding: 2rem; border-radius: 1rem;">
|
||||
<h1 class="text-3xl md:text-5xl lg:text-6xl leading-tight mb-6 fade-up text-white" style="--delay:.1s; text-shadow: 0 2px 4px rgba(0,0,0,0.5);">
|
||||
<span class="font-montserrat-alternates font-medium">Un completo</span><br class="hidden md:inline">
|
||||
<span class="font-bebas-neue">ECOSISTEMA</span><br class="hidden lg:inline">
|
||||
<span class="font-montserrat-alternates font-medium">de Privacidad</span><br>
|
||||
<span class="text-cyan-400 font-montserrat">en un solo dispositivo</span>
|
||||
</h1>
|
||||
<p class="text-xl md:text-2xl max-w-2xl mx-auto mb-10 text-white fade-up" style="--delay:.3s">
|
||||
BlackBox no es solo una VPN.<br>
|
||||
¡Es una solución de hardware innovadora que combina herramientas de privacidad, comunicación y bloqueo de seguimiento a un nivel imposible con los servicios VPN y routers ordinarios!
|
||||
</p>
|
||||
<div class="flex flex-col md:flex-row gap-4 items-center justify-center fade-up" style="--delay:.55s">
|
||||
<a href="#order" class="pulse-cta px-12 py-4 rounded-2xl text-white font-extrabold font-montserrat bg-gradient-to-r from-emerald-500 to-green-500 text-2xl shadow-3d hover:from-emerald-400 hover:to-green-400 transform-gpu transition-all duration-300 hover:scale-105" style="box-shadow: 0 0 20px 8px rgba(16, 185, 129, 0.6);">Comprar con descuento</a>
|
||||
<a href="#supercompare" class="px-10 py-4 rounded-2xl border-2 border-cyan-400 text-cyan-300 bg-transparent font-bold text-xl font-montserrat hover:bg-cyan-700/10 transition">Comparación dinámica</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-14 mb-8 relative flex justify-center fade-up" style="--delay:.85s;">
|
||||
<img src="/images/scales.webp" alt="BlackBox Device" class="hero-3d rounded-3xl w-[370px] md:w-[470px] z-10" draggable="false">
|
||||
<div class="absolute -bottom-4 left-1/2 -translate-x-1/2 w-72 h-16 bg-cyan-400/10 rounded-full blur-2xl z-0"></div>
|
||||
</div>
|
||||
<div class="mt-4 max-w-2xl mx-auto fade-up" style="--delay:1.1s;">
|
||||
<span class="inline-flex items-center px-4 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-semibold text-lg animate-pulse">
|
||||
<i class="fas fa-bolt text-yellow-300 mr-2"></i>
|
||||
¡30% de descuento en pre-pedido hasta el 1 de junio!
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- DYNAMIC COMPARISON -->
|
||||
<section id="supercompare" class="max-w-5xl mx-auto py-14 px-5 fade-up" style="--delay:.1s">
|
||||
<h2 class="text-3xl md:text-4xl font-black font-montserrat text-cyan-400 mb-5 text-center tracking-tight">
|
||||
Comparación dinámica: <span class="text-white">BlackBox</span> vs VPN y routers
|
||||
</h2>
|
||||
<p class="text-lg text-gray-300 max-w-2xl mx-auto mb-10 text-center">
|
||||
<span class="text-cyan-300 font-bold">BlackBox</span> es un <span class="underline">ecosistema de privacidad</span>. Vea cómo se expande el soporte de funciones en comparación con los servicios VPN simples y los routers de hardware.
|
||||
</p>
|
||||
|
||||
<div class="glass-card shadow-3d p-8 mb-8">
|
||||
<div class="grid grid-cols-4 gap-4 mb-6">
|
||||
<div class="col-span-1 font-bold text-gray-300 text-right pr-4">Características</div>
|
||||
<div class="col-span-1 font-bold text-cyan-400 text-center">BlackBox</div>
|
||||
<div class="col-span-1 font-bold text-blue-400 text-center">Router VPN</div>
|
||||
<div class="col-span-1 font-bold text-purple-400 text-center">Servicio VPN</div>
|
||||
</div>
|
||||
|
||||
<div id="featuresContainer">
|
||||
<!-- Features will be inserted here by JS -->
|
||||
</div>
|
||||
|
||||
<div class="text-gray-400 mt-6 text-base">
|
||||
<i class="fas fa-info-circle text-cyan-300"></i>
|
||||
<span class="ml-1">Pase el cursor sobre una fila para ver detalles sobre cada función</span>
|
||||
</div>
|
||||
<div id="dynCompareHint" class="font-mono text-sm mt-3 p-3 bg-gray-800/50 rounded-lg"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- FEATURES -->
|
||||
<section id="features" class="max-w-7xl mx-auto mt-8 lg:mt-0 py-13 px-5">
|
||||
<h2 class="text-3xl md:text-4xl font-bold font-montserrat text-cyan-400 mb-7 fade-up" style="--delay:.15s">BlackBox: Ventajas del ecosistema</h2>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 fade-up" style="--delay:.22s">
|
||||
<div class="glass-card shadow-3d p-8 transition hover:scale-105">
|
||||
<i class="fas fa-user-secret text-cyan-300 text-4xl mb-4"></i>
|
||||
<h3 class="font-bold text-xl mb-2">Todas las herramientas de privacidad</h3>
|
||||
<p class="text-gray-300">VPN, mensajero, correo electrónico, archivos, billetera y alojamiento, todo en una mini-computadora. ¡Ya no necesita buscar servicios separados!</p>
|
||||
</div>
|
||||
<div class="glass-card shadow-3d p-8 transition hover:scale-105">
|
||||
<i class="fas fa-globe text-cyan-400 text-4xl mb-4"></i>
|
||||
<h3 class="font-bold text-xl mb-2">Internet anónimo y darknet</h3>
|
||||
<p class="text-gray-300">Acceso seguro a todos los servicios, incluyendo onion e internet descentralizado, incluso si están bloqueados por su proveedor.</p>
|
||||
</div>
|
||||
<div class="glass-card shadow-3d p-8 transition hover:scale-105">
|
||||
<i class="fas fa-comments text-purple-300 text-4xl mb-4"></i>
|
||||
<h3 class="font-bold text-xl mb-2">Mensajero privado seguro</h3>
|
||||
<p class="text-gray-300">Su propia plataforma para chats grupales y privados sin riesgo de "fugas". ¡Todos los datos son solo suyos!</p>
|
||||
</div>
|
||||
<div class="glass-card shadow-3d p-8 transition hover:scale-105">
|
||||
<i class="fas fa-envelope-open-text text-yellow-300 text-4xl mb-4"></i>
|
||||
<h3 class="font-bold text-xl mb-2">Correo electrónico anónimo y uso compartido de archivos</h3>
|
||||
<p class="text-gray-300">Cree una dirección de correo electrónico en 1 clic, comparta archivos sin intermediarios ni censura.</p>
|
||||
</div>
|
||||
<div class="glass-card shadow-3d p-8 transition hover:scale-105">
|
||||
<i class="fas fa-coins text-emerald-300 text-4xl mb-4"></i>
|
||||
<h3 class="font-bold text-xl mb-2">Billetera criptográfica aislada</h3>
|
||||
<p class="text-gray-300">Billetera fría para almacenar y realizar operaciones con criptomonedas con máxima aislamiento de las amenazas de internet.</p>
|
||||
</div>
|
||||
<div class="glass-card shadow-3d p-8 transition hover:scale-105">
|
||||
<i class="fas fa-users-cog text-pink-400 text-4xl mb-4"></i>
|
||||
<h3 class="font-bold text-xl mb-2">Plataforma para todos los dispositivos</h3>
|
||||
<p class="text-gray-300">BlackBox funciona para un solo usuario, as well as for the whole family or business group. Unlimited number of connected devices.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PRODUCT SHOWCASE -->
|
||||
<section id="products" class="max-w-6xl mx-auto py-12 fade-up" style="--delay:.1s">
|
||||
<h2 class="text-3xl md:text-4xl font-extrabold mb-10 font-montserrat text-center text-cyan-400 px-6">Gama de Modelos BlackBox</h2>
|
||||
|
||||
<div class="flipbook-container relative h-96 md:h-[36rem] w-full">
|
||||
<!-- BlackBox VPN (far left) -->
|
||||
<div class="flipbook-page" data-page="1">
|
||||
<div class="glass-card shadow-3d p-6 text-center h-full">
|
||||
<div class="h-40 mb-4 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox VPN" class="h-full object-contain rounded-lg">
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3 text-cyan-300 product-title" data-product="BlackBox VPN">BlackBox VPN</h3>
|
||||
<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>99 €</span>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-4 product-description">Crea un punto de acceso Wi-Fi con VPN segura. 512 MB RAM.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn product-buy-btn">Comprar</button>
|
||||
<button onclick="showProductDetails(1)" class="details-btn product-details-btn">Detalles</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BlackBox Privacy Messenger/Cloud (left) -->
|
||||
<div class="flipbook-page" data-page="2">
|
||||
<div class="glass-card shadow-3d p-6 text-center h-full">
|
||||
<div class="h-40 mb-4 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox Privacy" class="h-full object-contain rounded-lg">
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3 text-cyan-300 product-title" data-product="BlackBox Privacy Messenger/Cloud">BlackBox Privacy Messenger/Cloud</h3>
|
||||
<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>199 €</span>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-4 product-description">Mensajero Matrix o Nextcloud integrado. 1 GB RAM. Control total sobre sus datos.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn product-buy-btn">Comprar</button>
|
||||
<button onclick="showProductDetails(2)" class="details-btn product-details-btn">Detalles</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BlackBox 4GB (center) -->
|
||||
<div class="flipbook-page active" data-page="3">
|
||||
<div class="glass-card shadow-3d p-6 text-center h-full selected">
|
||||
<div class="h-40 mb-4 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox 4GB" class="h-full object-contain rounded-lg">
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3 text-cyan-300 product-title" data-product="BlackBox 4GB">BlackBox 4GB</h3>
|
||||
<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>299 €</span>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-4 product-description">Todas las funciones de los primeros modelos + escritorio remoto (Workspace). 4 GB RAM.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn product-buy-btn">Comprar</button>
|
||||
<button onclick="showProductDetails(3)" class="details-btn product-details-btn">Detalles</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BlackBox Workstation (right) -->
|
||||
<div class="flipbook-page" data-page="4">
|
||||
<div class="glass-card shadow-3d p-6 text-center h-full">
|
||||
<div class="h-40 mb-4 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox Workstation" class="h-full object-contain rounded-lg">
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3 text-cyan-300 product-title" data-product="BlackBox Workstation">BlackBox Workstation</h3>
|
||||
<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-4 product-description">Estación de trabajo completa. Todas las funciones de modelos anteriores.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn product-buy-btn">Comprar</button>
|
||||
<button onclick="showProductDetails(4)" class="details-btn product-details-btn">Detalles</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BlackBox AI (far right) -->
|
||||
<div class="flipbook-page" data-page="5">
|
||||
<div class="glass-card shadow-3d p-6 text-center h-full">
|
||||
<div class="h-40 mb-4 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox AI" class="h-full object-contain rounded-lg">
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3 text-cyan-300 product-title" data-product="BlackBox AI">BlackBox AI</h3>
|
||||
<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" style="box-shadow: 0 0 10px 2px rgba(116, 250, 255, 0.3);">
|
||||
<span>2999 €</span>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-4 product-description">Incluye todas las tecnologías BlackBox. Inteligencia artificial privada. Máxima autonomía y protección.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn product-buy-btn">Comprar</button>
|
||||
<button onclick="showProductDetails(5)" class="details-btn product-details-btn">Detalles</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BlackBox Shop -->
|
||||
<div class="flipbook-page" data-page="6">
|
||||
<div class="glass-card shadow-3d p-6 text-center h-full">
|
||||
<div class="h-40 mb-4 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox Shop" class="h-full object-contain rounded-lg">
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3 text-cyan-300 product-title" data-product="BlackBox Shop">BlackBox Shop</h3>
|
||||
<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" style="box-shadow: 0 0 10px 2px rgba(116, 250, 255, 0.3);">
|
||||
<span>desde 499 €</span>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-4 product-description">Creación de una tienda en Telegram a través de un bot. Carga de productos, descripción, precio. Pago de bienes a través de criptomoneda. Anonimato total del vendedor y comprador.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn product-buy-btn">Comprar</button>
|
||||
<button onclick="showProductDetails(6)" class="details-btn product-details-btn">Detalles</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flipbook-indicator-track"></div>
|
||||
<div class="flipbook-indicator" style="transform: translateX(-150%);"></div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<!-- PRICING & ORDER -->
|
||||
<section id="order" class="max-w-3xl mx-auto mb-18 py-12 px-6 rounded-3xl glass-card mt-14 text-center border-2 border-cyan-500 relative fade-up" style="--delay:.1s">
|
||||
<div class="absolute top-3 left-1/3 -translate-x-1/2 bg-gradient-to-r from-emerald-500 to-green-500 text-white text-lg font-black rounded-full px-8 py-2 shadow-xl animate-bounce" style="box-shadow: 0 0 15px 5px rgba(16, 185, 129, 0.5);">
|
||||
¡-30% Solo ahora!
|
||||
</div>
|
||||
<h2 class="text-3xl md:text-4xl font-extrabold mb-4 font-montserrat">Pida BlackBox WorkStation con un descuento de <span class="text-cyan-400">350 USD</span></h2>
|
||||
<p class="text-lg text-gray-200 mb-6 max-w-xl mx-auto">Pago único - sin suscripciones.<br> Envío a todo el mundo. ¡El número de dispositivos en promoción es limitado!</p>
|
||||
<div class="flex flex-wrap items-center justify-center gap-8 mb-7">
|
||||
<div class="text-left bg-gray-800/70 rounded-2xl p-6">
|
||||
<div class="text-2xl">
|
||||
<span class="text-cyan-400 font-bold">149 USD</span>
|
||||
<span class="line-through text-gray-500 ml-2 text-lg">499 USD</span>
|
||||
</div>
|
||||
<div class="text-gray-400 text-xs mt-1">Precio especial para los primeros 10 compradores</div>
|
||||
<div class="mt-3 text-base text-green-300 font-bold">+ Actualización gratuita durante un año</div>
|
||||
</div>
|
||||
<ul class="text-left space-y-2 text-sm text-gray-200">
|
||||
<li><i class="fas fa-check mr-2 text-cyan-400"></i>Garantía de devolución de dinero de 30 días</li>
|
||||
<li><i class="fas fa-check mr-2 text-cyan-400"></i>Envío a todo el mundo</li>
|
||||
<li><i class="fas fa-check mr-2 text-cyan-400"></i>Soporte personalizado</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="https://bbox.rocks/#order" target="_blank" class="pulse-cta px-12 py-4 rounded-xl text-white font-extrabold font-montserrat bg-gradient-to-r from-cyan-400 via-emerald-400 to-cyan-500 shadow-3d text-2xl hover:bg-cyan-400 transform transition">Pedir</a>
|
||||
<div class="mt-6 text-gray-300 text-base">Válido hasta el <span class="inline-block text-cyan-300 rounded px-2 py-1 font-bold bg-cyan-800/30">1 de junio de 2025</span> o hasta agotar existencias.</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()">×</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">Comprar ahora</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- TESTIMONIALS -->
|
||||
<section id="testimonials" class="max-w-6xl mx-auto py-11 px-6 mt-4 fade-up" style="--delay:.1s">
|
||||
<h2 class="text-3xl font-extrabold text-cyan-400 mb-7 text-center">¿Qué dicen nuestros usuarios?</h2>
|
||||
<div class="grid md:grid-cols-3 gap-7 lg:gap-12">
|
||||
<div class="glass-card p-7 shadow-3d flex flex-col items-center text-center">
|
||||
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Testimonial" class="w-14 h-14 rounded-full mb-3 shadow-lg">
|
||||
<div class="mb-2 font-bold text-lg text-emerald-300">Andrey, fundador de startup</div>
|
||||
<div class="text-gray-300 italic">"BlackBox es el primer gadget en el que confío mis datos personales. Sin registros, funcionamiento rápido, genial para trabajar desde cualquier parte del mundo."</div>
|
||||
</div>
|
||||
<div class="glass-card p-7 shadow-3d flex flex-col items-center text-center border-2 border-cyan-400">
|
||||
<img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Testimonial" class="w-14 h-14 rounded-full mb-3 shadow-lg">
|
||||
<div class="mb-2 font-bold text-lg text-cyan-300">Maria, madre</div>
|
||||
<div class="text-gray-300 italic">"Para nosotros, BlackBox es una garantía de seguridad en internet para toda la familia. Incluso los niños pueden usarlo sin ninguna configuración."</div>
|
||||
</div>
|
||||
<div class="glass-card p-7 shadow-3d flex flex-col items-center text-center">
|
||||
<img src="https://randomuser.me/api/portraits/men/67.jpg" alt="Testimonial" class="w-14 h-14 rounded-full mb-3 shadow-lg">
|
||||
<div class="mb-2 font-bold text-lg text-purple-300">Vlad, programador</div>
|
||||
<div class="text-gray-300 italic">"Linux, código abierto, anonimato: todo funciona rápido y de manera inteligente. Una excelente alternativa a los servicios VPN y routers."</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<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. Todos los derechos reservados.<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="Nuestro canal de 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="Nuestro grupo de VK">
|
||||
<i class="fab fa-vk text-2xl"></i> VK
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Soporte</a>
|
||||
|
|
||||
<a href="/es/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Sitio web antiguo no compatible</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf - página de destino de próxima generación: BlackBox no es solo una VPN, es un ecosistema y su privacidad digital.</span>
|
||||
</div>
|
||||
</footer>
|
||||
<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>
|
||||
<!-- 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)};
|
||||
m[i].l=1*new Date();
|
||||
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
|
||||
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
|
||||
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
||||
|
||||
ym(55764994, "init", {
|
||||
clickmap:true,
|
||||
trackLinks:true,
|
||||
accurateTrackBounce:true,
|
||||
webvisor:true,
|
||||
trackHash:true
|
||||
});
|
||||
</script>
|
||||
<noscript><div><img src="https://mc.yandex.ru/watch/55764994" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
|
||||
<!-- /Yandex.Metrika counter -->
|
||||
<script src="/js/lang-detect-redirect.js"></script>
|
||||
<script src="/js/language-switcher.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
58
lang/es/json/es.json
Normal file
58
lang/es/json/es.json
Normal file
@@ -0,0 +1,58 @@
|
||||
{
|
||||
"features": [
|
||||
{
|
||||
"name": "Tunelización VPN",
|
||||
"hint": "VPN es solo el comienzo para BlackBox."
|
||||
},
|
||||
{
|
||||
"name": "Navegación Segura",
|
||||
"hint": "El navegador se ejecuta en el dispositivo BlackBox, los registros no se escriben en su PC."
|
||||
},
|
||||
{
|
||||
"name": "Correo Electrónico y Mensajero Anónimo",
|
||||
"hint": "¡La correspondencia se almacena SOLO por usted, de extremo a extremo!"
|
||||
},
|
||||
{
|
||||
"name": "Alojamiento Descentralizado",
|
||||
"hint": "Puede crear su propio sitio web o almacenar archivos - sin censura."
|
||||
},
|
||||
{
|
||||
"name": "Transferencia Segura de Archivos",
|
||||
"hint": "Transfiera documentos sin intermediarios."
|
||||
},
|
||||
{
|
||||
"name": "Billetera Criptográfica",
|
||||
"hint": "Funcionalidad criptográfica en un contenedor aislado separado."
|
||||
},
|
||||
{
|
||||
"name": "Sin Registros/Todo Local",
|
||||
"hint": "Nunca hay un almacenamiento central de registros - usted mantiene la privacidad."
|
||||
},
|
||||
{
|
||||
"name": "1 Dispositivo - Toda la Familia",
|
||||
"hint": "Acceso a la privacidad para todos (Wi-Fi/LAN, ilimitado)."
|
||||
}
|
||||
],
|
||||
"products": [
|
||||
{
|
||||
"name": "BlackBox"
|
||||
},
|
||||
{
|
||||
"name": "Router VPN"
|
||||
},
|
||||
{
|
||||
"name": "Servicio VPN"
|
||||
}
|
||||
],
|
||||
"product_details": {
|
||||
"BlackBox VPN": "Crea un punto de acceso Wi-Fi con VPN segura. 512 MB RAM.",
|
||||
"BlackBox Privacy Messenger/Cloud": "Mensajero Matrix o Nextcloud integrado. 1 GB RAM. Control total sobre sus datos.",
|
||||
"BlackBox 4GB": "Todas las funciones de los primeros modelos + escritorio remoto (Workspace). 4 GB RAM.",
|
||||
"BlackBox Workstation": "Estación de trabajo completa. Todas las funciones de modelos anteriores.",
|
||||
"BlackBox AI": "Incluye todas las tecnologías BlackBox. Inteligencia artificial privada. Máxima autonomía y protección.",
|
||||
"BlackBox Shop": "Creación de una tienda en Telegram a través de un bot. Carga de productos, descripción, precio. Pago de bienes a través de criptomoneda. Anonimato total del vendedor y comprador."
|
||||
},
|
||||
"buy_button": "Comprar",
|
||||
"details_button": "Detalles",
|
||||
"buy_now_button": "Comprar ahora"
|
||||
}
|
||||
283
lang/es/pages/faq.html
Normal file
283
lang/es/pages/faq.html
Normal file
@@ -0,0 +1,283 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Preguntas Frecuentes</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=0.5, viewport-fit=cover">
|
||||
<meta name="description" content="Preguntas frecuentes sobre Blackbox.">
|
||||
<meta name="keywords" content="Blackbox, FAQ, preguntas frecuentes, preguntas, respuestas, anonimato, privacidad">
|
||||
<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">
|
||||
<script src="/js/echarts.min.js"></script>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
<!-- Open Graph Meta Tags for Social Media -->
|
||||
<meta property="og:title" content="Blackbox - Preguntas Frecuentes">
|
||||
<meta property="og:description" content="Preguntas frecuentes sobre Blackbox.">
|
||||
<meta property="og:image" content="/images/scales.webp">
|
||||
<meta property="og:url" content="https://bbox.wtf/es/pages/faq.html">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
<!-- Twitter Card Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="Blackbox - Preguntas Frecuentes">
|
||||
<meta name="twitter:description" content="Preguntas frecuentes sobre Blackbox.">
|
||||
<meta name="twitter:image" content="/images/scales.webp">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
|
||||
<!-- HEADER -->
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-7 bg-transparent z-10 relative">
|
||||
<a href="/es/" 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>
|
||||
<nav class="hidden md:flex space-x-8 text-lg font-montserrat font-semibold">
|
||||
<a href="/es/#features" class="hover:text-cyan-400 transition-colors">Características</a>
|
||||
<a href="/es/#supercompare" class="hover:text-cyan-400 transition-colors">Comparación</a>
|
||||
<a href="/es/#pricing" class="hover:text-cyan-400 transition-colors">Precio</a>
|
||||
<a href="/es/#testimonials" class="hover:text-cyan-400 transition-colors">Testimonios</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);">
|
||||
Ordenar Ahora
|
||||
<i class="fas fa-lock ml-2"></i>
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="max-w-4xl mx-auto py-12 px-5">
|
||||
<h1 class="text-4xl font-bold font-montserrat text-cyan-400 mb-8 text-center">Blackbox - Preguntas Frecuentes</h1>
|
||||
|
||||
<section class="glass-card shadow-3d p-8">
|
||||
<h3 class="text-2xl font-bold mb-6 text-white">Preguntas y Respuestas</h3>
|
||||
|
||||
<div class="faq-item mb-8">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">1. ¿Cómo volverse anónimo con Blackbox?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p class="mb-4">Blackbox le permite disfrutar de todos los beneficios del anonimato en 4 sencillos pasos:</p>
|
||||
<ol class="list-decimal list-inside text-gray-300 space-y-2">
|
||||
<li><strong>Conecte Blackbox a una fuente de alimentación</strong>.</li>
|
||||
<li><strong>Conéctese a Blackbox a través de Wi-Fi</strong>.</li>
|
||||
<li><strong>Conecte Blackbox a Internet</strong>.</li>
|
||||
<li><strong>Use Internet mientras permanece anónimo de dos maneras</strong>:
|
||||
<ul class="list-disc list-inside ml-5 space-y-1">
|
||||
<li>usando Blackbox como enrutador</li>
|
||||
<li>usando Blackbox como estación de trabajo</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item mb-8">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">2. ¿Qué es la versión Alpha?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p>La versión Alpha de Blackbox es una versión de prueba intermedia del producto antes del lanzamiento, que le permite comenzar a usar las funciones implementadas ahora, sin esperar el lanzamiento oficial:</p>
|
||||
<ul class="list-disc list-inside text-gray-300 space-y-2 mt-2">
|
||||
<li>navegación segura</li>
|
||||
<li>visualización segura de la darknet</li>
|
||||
<li>servidor VPN</li>
|
||||
<li>correo electrónico anónimo</li>
|
||||
<li>entrega de actualizaciones</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item mb-8">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">3. ¿Cómo pedir Blackbox?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p>Puede pedir Blackbox en línea <a href="https://bbox.wtf/ru/#order" class="text-cyan-400 hover:underline">en nuestro sitio web</a> y pagar con cualquier tarjeta de crédito a través de Stripe, PayPal o criptomoneda.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item mb-8">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">4. ¿Cómo funciona la entrega?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p>Blackbox se produce en lotes de 100 unidades. El pedido de piezas y el inicio de la producción se realizan después de completar el lote, pero no más de una vez por semana. Blackbox se producirá y entregará dentro de los 2 meses posteriores al inicio de la producción. La entrega de Blackbox está incluida en el precio.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item mb-8">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">5. ¿Cuáles son las especificaciones técnicas de Blackbox?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p class="mb-4"><strong>Configuración:</strong></p>
|
||||
<ul class="list-disc list-inside text-gray-300 space-y-2 ml-5">
|
||||
<li>CPU H2 Quad-core Cortex-A7 H.265/HEVC 1080P</li>
|
||||
<li>MB Orange PI zero 512MB</li>
|
||||
<li>GPU Mali400MP2 GPU @600MHz Supports OpenGL ES 2.0</li>
|
||||
<li>Memory (SDRAM) 512MB DDR3 SDRAM(Share with GPU)</li>
|
||||
<li>SSD Storage Sandisk xD 16Gb Flash</li>
|
||||
<li>Onboard Network 10/100M Ethernet RJ45 POE is default off.</li>
|
||||
<li>Outbound WIFI XR819, IEEE 802.11 b/g/n</li>
|
||||
<li>Inbound WIFI Malloom Mini USB 2.0 802.11n 150Mbps</li>
|
||||
<li>1x USB 2.0 Ports</li>
|
||||
<li>Weight 60g</li>
|
||||
<li>Dimensions 55mm x 55mm x 28mm</li>
|
||||
</ul>
|
||||
<p class="mb-4 mt-4"><strong>Software:</strong></p>
|
||||
<ul class="list-disc list-inside text-gray-300 space-y-2 ml-5">
|
||||
<li>Armbian Jessie 5.38</li>
|
||||
<li>TOR Source 0.4.1.5</li>
|
||||
<li>OpenVPN 2.4.7 Lighthttpd 1.4.54 / NGINX 1.17.3</li>
|
||||
<li>Ejabberd 2.1.11</li>
|
||||
<li>Métodos de cifrado AES2, OTR, PGP, SSH512, SSL</li>
|
||||
</ul>
|
||||
<p class="mb-4 mt-4"><strong>Preconfiguración:</strong></p>
|
||||
<ul class="list-disc list-inside text-gray-300 space-y-2 ml-5">
|
||||
<li>OPSEC</li>
|
||||
<li>Servidor de chat/llamadas</li>
|
||||
<li>Configuración de TOR</li>
|
||||
<li>Configuración de red OpenVPN de Blackbox</li>
|
||||
<li>Limpiador de registros y datos después del reinicio o con temporizador</li>
|
||||
<li>Interfaz web de TOR</li>
|
||||
<li>Todos los cifrados</li>
|
||||
<li>LLMP(Linux+Lighttpd+MiraDB+php7.3)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item mb-8">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">6. ¿En qué casos se proporcionan reembolsos?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p>Garantizamos un reembolso completo si el dispositivo entregado no cumple con las especificaciones técnicas indicadas, así como en caso de un retraso en la entrega de Blackbox de más de 1 mes a partir de la fecha de entrega prometida.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item mb-8">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">7. ¿Hay garantía en Blackbox?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p>Todos los dispositivos Blackbox vienen con una garantía de 1 año. Si surgen problemas técnicos durante un año de uso de Blackbox, puede devolver el dispositivo y obtener uno nuevo gratis a cambio.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item mb-8">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">8. ¿Puedo pagar Blackbox con criptomoneda?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p>Actualmente, puede pagar su pedido con criptomoneda poniéndose en contacto con los desarrolladores en nuestra <a href="https://t.me/joinchat/AAAAAEzMDw32y4NVLkCgqw" class="text-cyan-400 hover:underline">Comunidad de Telegram</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item mb-8">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">9. ¿Cómo afecta Blackbox la protección del anonimato y la privacidad en línea?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p>Blackbox garantiza el anonimato según todos los criterios necesarios (¿quién lo hace? ¿qué está haciendo? ¿desde dónde lo hace?) y en todos los niveles tecnológicos: el software utilizado, el sistema operativo y el propio dispositivo.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item mb-8">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">10. ¿Cómo verificar su anonimato?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p>A diferencia de los programas de código cerrado y los servicios a cuyos servidores no tiene acceso, Blackbox es un servidor que se encuentra en su hogar y tiene una arquitectura de código abierto. Cualquier persona que entienda de ciberseguridad puede verificar su eficacia para garantizar el anonimato y cambiar su configuración.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question cursor-pointer">
|
||||
<h4 class="text-xl font-semibold mb-3 text-cyan-300">11. ¿Blackbox ralentiza la velocidad de Internet?</h4>
|
||||
</div>
|
||||
<div class="faq-answer text-gray-300 overflow-hidden max-h-0 transition-max-height duration-500 ease-in-out">
|
||||
<p>Sí, lo hace. La velocidad de conexión a través de Blackbox se reduce a 20-30 Mbps. Blackbox no está diseñado para el uso constante de Internet para todas las tareas. Esta velocidad es suficiente si se conecta al Wi-Fi emitido por Blackbox solo para tareas que requieren anonimato. La velocidad de la red segura de Blackbox es 6 veces mayor que la de TOR.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<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. Todos los derechos reservados.<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="Nuestro canal de 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="Nuestro grupo de VK">
|
||||
<i class="fab fa-vk text-2xl"></i> VK
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Soporte</a>
|
||||
|
|
||||
<a href="/es/pages/faq.html" class="hover:underline text-cyan-300">Preguntas Frecuentes</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Sitio web antiguo no compatible</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — página de destino de próxima generación: BlackBox — no solo una VPN, es un ecosistema y su privacidad digital.</span>
|
||||
</div>
|
||||
</footer>
|
||||
<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>
|
||||
<!-- 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)};
|
||||
m[i].l=1*new Date();
|
||||
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
|
||||
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
|
||||
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
||||
|
||||
ym(55764994, "init", {
|
||||
clickmap:true,
|
||||
trackLinks:true,
|
||||
accurateTrackBounce:true,
|
||||
webvisor:true,
|
||||
trackHash:true
|
||||
});
|
||||
</script>
|
||||
<noscript><div><img src="https://mc.yandex.ru/watch/55764994" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
|
||||
<!-- /Yandex.Metrika counter -->
|
||||
<script src="/js/lang-detect-redirect.js"></script>
|
||||
<script src="/js/language-switcher.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const faqQuestions = document.querySelectorAll('.faq-question');
|
||||
|
||||
faqQuestions.forEach(question => {
|
||||
question.addEventListener('click', () => {
|
||||
const faqItem = question.closest('.faq-item');
|
||||
const answer = faqItem.querySelector('.faq-answer');
|
||||
const isOpen = faqItem.classList.contains('open');
|
||||
|
||||
// Close all other open FAQ items
|
||||
document.querySelectorAll('.faq-item.open').forEach(openItem => {
|
||||
if (openItem !== faqItem) {
|
||||
openItem.classList.remove('open');
|
||||
openItem.querySelector('.faq-answer').style.maxHeight = null;
|
||||
}
|
||||
});
|
||||
|
||||
// Toggle the clicked FAQ item
|
||||
if (isOpen) {
|
||||
faqItem.classList.remove('open');
|
||||
answer.style.maxHeight = null;
|
||||
} else {
|
||||
faqItem.classList.add('open');
|
||||
answer.style.maxHeight = answer.scrollHeight + 'px';
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user