<div style="background: #0a0a0a; padding: 120px 20px; text-align: center; color: white;">
    <h1 style="font-size: 4.8rem; margin: 0 0 20px;">CHUMPS FIGHT CLUB 🥊</h1>
    <h2 style="font-size: 2.4rem; margin: 0 0 40px; color: #FF00AA;">Unite. Fight. Govern.</h2>
    
    <p style="font-size: 1.6rem; max-width: 800px; margin: 0 auto 50px;">
        Creative minds uniting as one — where meme characters throw hands and holders run the ring.
    </p>
    
    <div>
        <button onclick="connectPhantom()" 
                style="background:#8B00FF; color:white; padding:18px 40px; font-size:1.4rem; border:none; border-radius:50px; margin:10px;">
            🔗 Connect Phantom Wallet
        </button>
        
        <a href="YOUR-PRESALE-LINK-HERE" target="_blank" 
           style="background:#FF0000; color:white; padding:18px 40px; font-size:1.4rem; border:none; border-radius:50px; margin:10px; text-decoration:none;">
            JOIN PRESALE NOW →
        </a>
    </div>
</div>
<script>
    function connectPhantom() {
        if ("phantom" in window) {
            window.phantom.solana.connect().then(resp => {
                alert("✅ Wallet Connected!");
            }).catch(() => alert("Connection failed."));
        } else {
            alert("Please install Phantom Wallet!");
        }
    }
</script>