|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>ZeroTrace | Because the Best Footprint Is No Footprint</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@500;700;900&display=swap'); |
|
|
|
|
|
:root { |
|
|
--primary: #00ff9d; |
|
|
--secondary: #00b4ff; |
|
|
--dark: #0a0a0a; |
|
|
--darker: #050505; |
|
|
} |
|
|
|
|
|
body { |
|
|
font-family: 'JetBrains Mono', monospace; |
|
|
background-color: var(--darker); |
|
|
color: white; |
|
|
scroll-behavior: smooth; |
|
|
} |
|
|
|
|
|
.title-font { |
|
|
font-family: 'Orbitron', sans-serif; |
|
|
} |
|
|
|
|
|
.gradient-text { |
|
|
background: linear-gradient(90deg, var(--primary), var(--secondary)); |
|
|
-webkit-background-clip: text; |
|
|
background-clip: text; |
|
|
color: transparent; |
|
|
} |
|
|
|
|
|
.gradient-bg { |
|
|
background: linear-gradient(135deg, var(--primary), var(--secondary)); |
|
|
} |
|
|
|
|
|
.terminal { |
|
|
background: rgba(10, 10, 10, 0.7); |
|
|
border: 1px solid rgba(255, 255, 255, 0.1); |
|
|
backdrop-filter: blur(10px); |
|
|
} |
|
|
|
|
|
.glow { |
|
|
box-shadow: 0 0 15px rgba(0, 255, 157, 0.5); |
|
|
} |
|
|
|
|
|
.glow-secondary { |
|
|
box-shadow: 0 0 15px rgba(0, 180, 255, 0.5); |
|
|
} |
|
|
|
|
|
.feature-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 20px rgba(0, 255, 157, 0.2); |
|
|
} |
|
|
|
|
|
.typewriter { |
|
|
overflow: hidden; |
|
|
border-right: .15em solid var(--primary); |
|
|
white-space: nowrap; |
|
|
animation: |
|
|
typing 3.5s steps(40, end), |
|
|
blink-caret .75s step-end infinite; |
|
|
} |
|
|
|
|
|
@keyframes typing { |
|
|
from { width: 0 } |
|
|
to { width: 100% } |
|
|
} |
|
|
|
|
|
@keyframes blink-caret { |
|
|
from, to { border-color: transparent } |
|
|
50% { border-color: var(--primary) } |
|
|
} |
|
|
|
|
|
.scroll-indicator { |
|
|
animation: bounce 2s infinite; |
|
|
} |
|
|
|
|
|
@keyframes bounce { |
|
|
0%, 20%, 50%, 80%, 100% {transform: translateY(0);} |
|
|
40% {transform: translateY(-20px);} |
|
|
60% {transform: translateY(-10px);} |
|
|
} |
|
|
|
|
|
.pulse { |
|
|
animation: pulse 2s infinite; |
|
|
} |
|
|
|
|
|
@keyframes pulse { |
|
|
0% { transform: scale(1); } |
|
|
50% { transform: scale(1.05); } |
|
|
100% { transform: scale(1); } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="antialiased"> |
|
|
|
|
|
<nav class="fixed w-full z-50 bg-black/80 backdrop-blur-md border-b border-gray-800"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex items-center justify-between h-16"> |
|
|
<div class="flex items-center"> |
|
|
<div class="flex-shrink-0"> |
|
|
<a href="/" class="flex items-center"> |
|
|
<img src="http://zerotrace.pw/ZeroTrace%20White.svg" alt="ZeroTrace Logo" class="h-8"> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="hidden md:block"> |
|
|
<div class="ml-10 flex items-baseline space-x-8"> |
|
|
<a href="/store" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Store</a> |
|
|
<a href="/media" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Media</a> |
|
|
<a href="/desktop-app" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Desktop App</a> |
|
|
<a href="https://dashboard.zerotrace.pw/" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Dashboard</a> |
|
|
<a href="https://docs.zerotrace.pw/" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Docs</a> |
|
|
<a href="/about" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">About</a> |
|
|
<a href="https://discord.gg/RtyMq3ngN9" class="ml-4"> |
|
|
<i class="fab fa-discord text-gray-300 hover:text-white text-lg"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="-mr-2 flex md:hidden"> |
|
|
<button type="button" id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none"> |
|
|
<span class="sr-only">Open main menu</span> |
|
|
<i class="fas fa-bars"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="mobile-menu" class="hidden md:hidden bg-black/90 backdrop-blur-lg border-t border-gray-800"> |
|
|
<div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> |
|
|
<a href="/store" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Store</a> |
|
|
<a href="/media" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Media</a> |
|
|
<a href="/desktop-app" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Desktop App</a> |
|
|
<a href="https://dashboard.zerotrace.pw/" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Dashboard</a> |
|
|
<a href="https://docs.zerotrace.pw/" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Docs</a> |
|
|
<a href="/about" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">About</a> |
|
|
<a href="https://discord.gg/RtyMq3ngN9" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium"> |
|
|
<i class="fab fa-discord mr-2"></i> Discord |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<section class="relative pt-32 pb-20 md:pt-40 md:pb-32 overflow-hidden"> |
|
|
<div class="absolute inset-0 bg-gradient-to-br from-black via-gray-900 to-black opacity-90"></div> |
|
|
<div class="absolute inset-0"> |
|
|
<div class="absolute inset-0 bg-[url('https://gist.githubusercontent.com/atulcodex/4b8fb1a0f5ecc8392d5e5d8d8a5e0d6a/raw/7f8e7e7e1e7e1e7e1e7e1e7e1e7e1e7e1e7e1e7e/dots.svg')] opacity-10"></div> |
|
|
</div> |
|
|
|
|
|
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center"> |
|
|
<div class="text-center md:text-left"> |
|
|
<h1 class="title-font text-4xl md:text-6xl font-bold mb-6"> |
|
|
<span class="gradient-text">ZeroTrace</span> |
|
|
</h1> |
|
|
<p class="text-xl md:text-2xl mb-8 text-gray-300"> |
|
|
Because the Best Footprint Is No Footprint |
|
|
</p> |
|
|
|
|
|
<div class="terminal rounded-xl p-6 mb-8"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div> |
|
|
<div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div> |
|
|
<div class="w-3 h-3 rounded-full bg-green-500"></div> |
|
|
</div> |
|
|
<div class="font-mono text-sm md:text-base"> |
|
|
<p class="text-gray-400">$ Enter your script here...</p> |
|
|
<p class="text-white">$ writeLn "Z3R0 TR4C3" |</p> |
|
|
<div class="flex items-center mt-4"> |
|
|
<button class="gradient-bg text-black font-bold py-2 px-6 rounded-md mr-4 hover:opacity-90 transition"> |
|
|
EXECUTE SCRIPT |
|
|
</button> |
|
|
<span class="text-gray-400 text-sm">Enter Recon Mode</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-center md:justify-start"> |
|
|
<a href="https://zerotrace.pw/store" class="gradient-bg text-black font-bold py-3 px-8 rounded-md hover:opacity-90 transition text-center"> |
|
|
Get ZeroTrace |
|
|
</a> |
|
|
<a href="https://docs.zerotrace.pw/" class="border border-gray-700 text-white font-bold py-3 px-8 rounded-md hover:bg-gray-800 transition text-center"> |
|
|
View Documentation |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-center"> |
|
|
<img src="http://zerotrace.pw/ZeroTrace%20White.svg" alt="ZeroTrace Device" class="w-full max-w-md pulse"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-20 text-center"> |
|
|
<p class="text-gray-400 mb-4">Scroll to explore</p> |
|
|
<div class="scroll-indicator inline-block"> |
|
|
<i class="fas fa-chevron-down text-gray-400 text-xl"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-black"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
<div class="feature-card bg-gray-900 rounded-xl p-8 transition duration-300 hover:border border-gray-700"> |
|
|
<div class="w-12 h-12 gradient-bg rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-shield-alt text-black text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Secure</h3> |
|
|
<p class="text-gray-400">WPA2 protected WiFi with changeable password and self-destruct mode for ultimate security.</p> |
|
|
</div> |
|
|
|
|
|
<div class="feature-card bg-gray-900 rounded-xl p-8 transition duration-300 hover:border border-gray-700"> |
|
|
<div class="w-12 h-12 gradient-bg rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-puzzle-piece text-black text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Extensible</h3> |
|
|
<p class="text-gray-400">Execute advanced automation scripts with variables, dynamic operators and real-time device states.</p> |
|
|
</div> |
|
|
|
|
|
<div class="feature-card bg-gray-900 rounded-xl p-8 transition duration-300 hover:border border-gray-700"> |
|
|
<div class="w-12 h-12 gradient-bg rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-wifi text-black text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Wireless</h3> |
|
|
<p class="text-gray-400">Remote keystroke & mouse injection via web interface with low latency performance.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-gradient-to-b from-black to-gray-900"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<span class="text-gray-400 uppercase tracking-wider">POWERFUL CAPABILITIES</span> |
|
|
<h2 class="title-font text-3xl md:text-5xl font-bold mt-4 mb-6"> |
|
|
<span class="gradient-text">Advanced Features</span> for Elite Security |
|
|
</h2> |
|
|
<p class="text-gray-400 max-w-3xl mx-auto"> |
|
|
ZeroTrace combines cutting-edge hardware with powerful software to deliver unparalleled security and automation capabilities. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-gray-900/50 rounded-xl p-6 border border-gray-800"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="gradient-bg rounded-md p-2 mr-4"> |
|
|
<i class="fas fa-keyboard text-black"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">Remote Control</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-4">Remote keystroke & mouse injection via web interface</p> |
|
|
<div class="bg-gray-800 rounded-md p-3 text-sm"> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-gray-400">WiFi Status</span> |
|
|
<span class="text-green-400 font-mono">Connected</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-900/50 rounded-xl p-6 border border-gray-800"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="gradient-bg rounded-md p-2 mr-4"> |
|
|
<i class="fas fa-code text-black"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">Scripting Engine</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-4">Execute advanced automation scripts with ease</p> |
|
|
<div class="bg-gray-800 rounded-md p-3 text-sm font-mono"> |
|
|
<p class="text-gray-400">Script Editor</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-900/50 rounded-xl p-6 border border-gray-800"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="gradient-bg rounded-md p-2 mr-4"> |
|
|
<i class="fas fa-lightbulb text-black"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">RGB LED System</h3> |
|
|
</div> |
|
|
<p class="text-gray-400">Fully customizable RGB LED system with scriptable effects</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-900/50 rounded-xl p-6 border border-gray-800"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="gradient-bg rounded-md p-2 mr-4"> |
|
|
<i class="fas fa-bolt text-black"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">Low Latency</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-4">Powered by ESP32-S3 for fast and reliable performance</p> |
|
|
<div class="bg-gray-800 rounded-md p-3 text-sm font-mono"> |
|
|
<div class="flex justify-between"> |
|
|
<span class="text-gray-400">ESP32-S3</span> |
|
|
<span class="text-white">240MHz</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-900/50 rounded-xl p-6 border border-gray-800"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="gradient-bg rounded-md p-2 mr-4"> |
|
|
<i class="fas fa-gamepad text-black"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">Live Control</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-4">Virtual keyboard and joystick for real-time input control</p> |
|
|
<div class="grid grid-cols-4 gap-2 mt-4"> |
|
|
<div class="bg-gray-800 rounded-md p-2 text-center">Q</div> |
|
|
<div class="bg-gray-800 rounded-md p-2 text-center">W</div> |
|
|
<div class="bg-gray-800 rounded-md p-2 text-center">E</div> |
|
|
<div class="bg-gray-800 rounded-md p-2 text-center">R</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-900/50 rounded-xl p-6 border border-gray-800"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="gradient-bg rounded-md p-2 mr-4"> |
|
|
<i class="fas fa-plug text-black"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">Plug & Play</h3> |
|
|
</div> |
|
|
<p class="text-gray-400">No additional modules or complicated setup required</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-12"> |
|
|
<a href="https://docs.zerotrace.pw/features" class="inline-flex items-center text-white border border-gray-700 hover:bg-gray-800 rounded-md px-6 py-3 transition"> |
|
|
View All Features |
|
|
<i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-black"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<span class="text-gray-400 uppercase tracking-wider">TRUSTED BY PROFESSIONALS</span> |
|
|
<h2 class="title-font text-3xl md:text-5xl font-bold mt-4 mb-6"> |
|
|
What Our <span class="gradient-text">Clients Say</span> |
|
|
</h2> |
|
|
<div class="flex items-center justify-center mb-8"> |
|
|
<div class="flex"> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
</div> |
|
|
<span class="ml-2 text-gray-300">Rated 5/5 on Trustpilot</span> |
|
|
</div> |
|
|
<a href="https://www.trustpilot.com/review/zerotrace.pw" class="text-gray-400 hover:text-white transition"> |
|
|
See our reviews on Trustpilot |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
|
|
|
|
|
<div class="bg-gray-900 rounded-xl p-8 border border-gray-800"> |
|
|
<div class="flex items-center mb-6"> |
|
|
<div class="w-12 h-12 rounded-full bg-gray-800 flex items-center justify-center mr-4"> |
|
|
<i class="fas fa-user text-gray-400"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Security Researcher</h4> |
|
|
<p class="text-gray-400 text-sm">Pentester, Fortune 500 Company</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-300 italic">"ZeroTrace has become an essential tool in my security assessments. The scripting capabilities and wireless control are unmatched in the market."</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-900 rounded-xl p-8 border border-gray-800"> |
|
|
<div class="flex items-center mb-6"> |
|
|
<div class="w-12 h-12 rounded-full bg-gray-800 flex items-center justify-center mr-4"> |
|
|
<i class="fas fa-user text-gray-400"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold">Red Team Lead</h4> |
|
|
<p class="text-gray-400 text-sm">Cybersecurity Firm</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-300 italic">"The stealth capabilities of ZeroTrace are incredible. It's the only device I trust for high-security environments where detection is not an option."</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-12"> |
|
|
<a href="https://www.trustpilot.com/review/zerotrace.pw" class="inline-flex items-center text-white border border-gray-700 hover:bg-gray-800 rounded-md px-6 py-3 transition"> |
|
|
View More Testimonials |
|
|
<i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-gradient-to-b from-gray-900 to-black"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="title-font text-3xl md:text-5xl font-bold mt-4 mb-6"> |
|
|
Get the <span class="gradient-text">Ultimate</span> Keystroke Injection Tool |
|
|
</h2> |
|
|
<p class="text-gray-400 max-w-3xl mx-auto"> |
|
|
For security professionals and automation enthusiasts who demand the best. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-4xl mx-auto"> |
|
|
<div class="bg-gray-900 rounded-xl overflow-hidden border border-gray-800 glow-secondary"> |
|
|
<div class="bg-gray-800 px-8 py-4 flex justify-between items-center"> |
|
|
<div> |
|
|
<span class="bg-green-900 text-green-300 text-xs font-bold px-2 py-1 rounded uppercase">Best Seller</span> |
|
|
<h3 class="text-xl font-bold mt-2">ZeroTrace Pro Kit - The Complete Package</h3> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<div class="flex mr-2"> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
</div> |
|
|
<span class="text-gray-300">5/5</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 p-8"> |
|
|
<div class="flex justify-center"> |
|
|
<img src="http://zerotrace.pw/_next/image/?url=%2Fimages%2Fzerotrace-device.jpg&w=3840&q=70" alt="ZeroTrace Pro Kit" class="rounded-lg w-full max-w-xs"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<div class="flex items-center mb-6"> |
|
|
<span class="bg-blue-900 text-blue-300 text-xs font-bold px-2 py-1 rounded uppercase mr-3">Most Popular</span> |
|
|
<h3 class="text-2xl font-bold">ZeroTrace Kit</h3> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<span class="text-3xl font-bold">€39.85</span> |
|
|
<span class="text-gray-400 ml-2">One-time payment</span> |
|
|
</div> |
|
|
|
|
|
<h4 class="font-bold mb-3 text-gray-300">What's Included:</h4> |
|
|
<ul class="space-y-3 mb-8"> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-400 mr-2"></i> |
|
|
<span class="text-gray-300">ZeroTrace Device</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-400 mr-2"></i> |
|
|
<span class="text-gray-300">Premium Aluminum Case</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-400 mr-2"></i> |
|
|
<span class="text-gray-300">USB-C Cable</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-400 mr-2"></i> |
|
|
<span class="text-gray-300">Lifetime Firmware Updates</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-400 mr-2"></i> |
|
|
<span class="text-gray-300">Priority Support</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-400 mr-2"></i> |
|
|
<span class="text-gray-300">Access to Private Discord</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-400 mr-2"></i> |
|
|
<span class="text-gray-300">Advanced Script Library</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-400 mr-2"></i> |
|
|
<span class="text-gray-300">Exclusive Documentation</span> |
|
|
</li> |
|
|
</ul> |
|
|
|
|
|
<a href="https://zerotrace.pw/store" class="gradient-bg text-black font-bold py-3 px-8 rounded-md hover:opacity-90 transition block text-center"> |
|
|
Order Now |
|
|
</a> |
|
|
<p class="text-gray-500 text-sm mt-2 text-center">Limited stock available</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-black"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<span class="text-gray-400 uppercase tracking-wider">NEED HELP?</span> |
|
|
<h2 class="title-font text-3xl md:text-5xl font-bold mt-4 mb-6"> |
|
|
Frequently Asked <span class="gradient-text">Questions</span> |
|
|
</h2> |
|
|
<p class="text-gray-400 max-w-3xl mx-auto"> |
|
|
Find answers to common questions about ZeroTrace and its capabilities. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-3xl mx-auto"> |
|
|
<div class="space-y-4"> |
|
|
|
|
|
<div class="bg-gray-900 rounded-xl p-6 border border-gray-800"> |
|
|
<button class="flex justify-between items-center w-full text-left"> |
|
|
<h3 class="font-bold">Is ZeroTrace legal to use?</h3> |
|
|
<i class="fas fa-chevron-down text-gray-400 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="mt-4 text-gray-400 hidden"> |
|
|
<p>ZeroTrace is a tool designed for legitimate security testing, research, and automation purposes. Like any powerful tool, its legality depends on how it's used. Always ensure you have proper authorization before testing systems that you don't own.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-900 rounded-xl p-6 border border-gray-800"> |
|
|
<button class="flex justify-between items-center w-full text-left"> |
|
|
<h3 class="font-bold">What operating systems does ZeroTrace support?</h3> |
|
|
<i class="fas fa-chevron-down text-gray-400 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="mt-4 text-gray-400 hidden"> |
|
|
<p>ZeroTrace works seamlessly across Windows, Linux, and Mac systems. The web interface is compatible with any modern browser, and the desktop app is available for Windows and macOS.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-900 rounded-xl p-6 border border-gray-800"> |
|
|
<button class="flex justify-between items-center w-full text-left"> |
|
|
<h3 class="font-bold">How does the self-destruct feature work?</h3> |
|
|
<i class="fas fa-chevron-down text-gray-400 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="mt-4 text-gray-400 hidden"> |
|
|
<p>The self-destruct mode wipes all device data and enters an infinite loop, making the device appear non-functional. This is a security measure that can be triggered remotely or via physical button combination.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-900 rounded-xl p-6 border border-gray-800"> |
|
|
<button class="flex justify-between items-center w-full text-left"> |
|
|
<h3 class="font-bold">What's the range of the wireless connection?</h3> |
|
|
<i class="fas fa-chevron-down text-gray-400 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="mt-4 text-gray-400 hidden"> |
|
|
<p>The standard range is approximately 50 meters in open space, but this can vary based on environmental factors. For extended range, you can use WiFi repeaters or mesh networks.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 gradient-bg"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center"> |
|
|
<span class="bg-black text-white text-xs font-bold px-2 py-1 rounded uppercase">READY TO UPGRADE YOUR SECURITY?</span> |
|
|
<h2 class="title-font text-3xl md:text-5xl font-bold mt-6 mb-6 text-black"> |
|
|
Get <span class="text-white">ZeroTrace</span> Today |
|
|
</h2> |
|
|
<p class="text-black/80 max-w-3xl mx-auto mb-8"> |
|
|
Join thousands of security professionals and automation enthusiasts who trust ZeroTrace for their most critical operations. |
|
|
</p> |
|
|
|
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-center"> |
|
|
<a href="https://docs.zerotrace.pw/" class="bg-black text-white font-bold py-3 px-8 rounded-md hover:bg-gray-900 transition"> |
|
|
Documentation |
|
|
</a> |
|
|
<a href="https://zerotrace.pw/store" class="bg-white text-black font-bold py-3 px-8 rounded-md hover:bg-gray-100 transition"> |
|
|
Order Now |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<div class="flex flex-wrap justify-center mt-8 gap-6"> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-lock text-black mr-2"></i> |
|
|
<span class="text-black/80">Secure Checkout</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-shipping-fast text-black mr-2"></i> |
|
|
<span class="text-black/80">Fast Worldwide Shipping</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-black py-12 border-t border-gray-800"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
|
|
<div> |
|
|
<img src="http://zerotrace.pw/ZeroTrace%20White.svg" alt="ZeroTrace Logo" class="h-8 mb-4"> |
|
|
<p class="text-gray-400"> |
|
|
Elite cybersecurity hardware, hand-crafted in Germany for unparalleled security. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-white font-bold mb-4">Resources</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="https://docs.zerotrace.pw/" class="text-gray-400 hover:text-white transition">Documentation</a></li> |
|
|
<li><a href="/media" class="text-gray-400 hover:text-white transition">Media</a></li> |
|
|
<li><a href="https://dashboard.zerotrace.pw/" class="text-gray-400 hover:text-white transition">Dashboard</a></li> |
|
|
<li><a href="/desktop-app" class="text-gray-400 hover:text-white transition">Desktop App</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-white font-bold mb-4">Company</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="/about" class="text-gray-400 hover:text-white transition">About</a></li> |
|
|
<li><a href="/store" class="text-gray-400 hover:text-white transition">Store</a></li> |
|
|
<li><a href="https://discord.gg/RtyMq3ngN9" class="text-gray-400 hover:text-white transition">Community</a></li> |
|
|
<li><a href="/contact" class="text-gray-400 hover:text-white transition">Contact</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-white font-bold mb-4">Legal</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="/imprint" class="text-gray-400 hover:text-white transition">Imprint</a></li> |
|
|
<li><a href="/disclaimer" class="text-gray-400 hover:text-white transition">Disclaimer</a></li> |
|
|
<li><a href="/policies-overview" class="text-gray-400 hover:text-white transition">Policies Overview</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> |
|
|
<p class="text-gray-400 mb-4 md:mb-0"> |
|
|
© 2025 ZeroTrace. All rights reserved. |
|
|
</p> |
|
|
<div class="flex space-x-6"> |
|
|
<a href="https://twitter.com" class="text-gray-400 hover:text-white transition"> |
|
|
<i class="fab fa-twitter"></i> |
|
|
</a> |
|
|
<a href="https://github.com" class="text-gray-400 hover:text-white transition"> |
|
|
<i class="fab fa-github"></i> |
|
|
</a> |
|
|
<a href="https://discord.gg/RtyMq3ngN9" class="text-gray-400 hover:text-white transition"> |
|
|
<i class="fab fa-discord"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.getElementById('mobile-menu-button').addEventListener('click', function() { |
|
|
const menu = document.getElementById('mobile-menu'); |
|
|
menu.classList.toggle('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('.bg-gray-900 button').forEach(button => { |
|
|
button.addEventListener('click', () => { |
|
|
const content = button.nextElementSibling; |
|
|
const icon = button.querySelector('i'); |
|
|
|
|
|
content.classList.toggle('hidden'); |
|
|
icon.classList.toggle('rotate-180'); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
const terminalText = document.querySelector('.terminal p:nth-child(2)'); |
|
|
if (terminalText) { |
|
|
terminalText.classList.add('typewriter'); |
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
terminalText.classList.remove('typewriter'); |
|
|
terminalText.style.borderRight = 'none'; |
|
|
}, 3500); |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
|
|
|
document.querySelector(this.getAttribute('href')).scrollIntoView({ |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=CYRAGE/zz" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
