<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>$MOONCOIN 🚀 100x GEM</title>
    <link rel="stylesheet" href="styles.css">
    <script src="https://kit.fontawesome.com/your-fontawesome-kit.js"></script>
</head>
<body>
    <!-- Background Effects -->
    <div class="stars"></div>
    <div class="twinkling"></div>
    <div class="floating-moons">
        <img src="m1.png" class="floating-moon" id="moon1" alt="moon">
        <img src="m2.png" class="floating-moon" id="moon2" alt="moon">
        <img src="m3.png" class="floating-moon" id="moon3" alt="moon">
        <img src="m4.png" class="floating-moon" id="moon4" alt="moon">
        <img src="m5.png" class="floating-moon" id="moon5" alt="moon">
    </div>

    <!-- Minimal Header -->
    <header>
        <div class="social-header">
            <a href="https://t.me/mooncoin" class="social-button telegram" target="_blank" rel="noopener noreferrer">
                <i class="fab fa-telegram"></i> JOIN TG
            </a>
            <a href="https://twitter.com/mooncoin_cto" class="social-button twitter" target="_blank" rel="noopener noreferrer">
                <i class="fab fa-twitter"></i> FOLLOW X
            </a>
        </div>
    </header>

    <!-- Add this before the main content loads -->
    <div class="moon-prompt" id="moonPrompt">
        <div class="prompt-content glass-effect">
            <h2 class="glow-text">Ready to Moon? 🚀</h2>
            <div class="prompt-buttons">
                <button class="prompt-btn" data-response="err">Errrr...</button>
                <button class="prompt-btn" data-response="ok">Ok!</button>
                <button class="prompt-btn" data-response="not-sure">Not Sure</button>
            </div>
        </div>
    </div>

    <!-- Add audio element -->
    <audio id="backgroundMusic" loop>
        <source src="moonsong.mp3" type="audio/mp3">
    </audio>

    <!-- Add these audio elements after your existing audio element -->
    <audio id="socialClickSound">
        <source src="gotomoon.mp3" type="audio/mp3">
    </audio>
    <audio id="socialHoverSound">
        <source src="hover.mp3" type="audio/mp3">
    </audio>

    <!-- Hero Section -->
    <section class="hero">
        <div class="banner"></div>
        <div class="hero-content">
            <div class="mcap-counter">
                <div class="mcap-label">MARKET CAP</div>
                <div class="mcap-value">
                    <span class="currency">$</span>
                    <span id="mcap-number" class="number">1,234,567</span>
                    <span class="up-arrow">↗️</span>
                </div>
                <div class="mcap-subtitle">literally only up 📈</div>
            </div>
            <h1 class="mega-glow">MOONCOIN</h1>
            <div class="slogan-container">
                <p class="slogan glow">YOUR NEXT 100X MOONSHOT</p>
                <p class="sub-slogan">$8K MCAP → $100M IMMINENT</p>
            </div>

            <div class="cta-buttons">
                <a href="https://pump.fun/coin/9dhJK1mN7PKSSjNC3CFqVqRdgWbriuH7ZpJvmXtXpump" class="cta-button pulse" target="_blank" rel="noopener noreferrer">BUY NOW</a>
            </div>

        </div>
    </section>

    <!-- After the main hero section -->
    <section class="story-section">
        <div class="story-container">
            <div class="story-box glass-effect">
                <h2 class="story-title glow-text">THE LEGEND OF $MOONCOIN 🌕</h2>
                
                <div class="story-segment">
                    <p class="intro-text">
                        Alright, fellow degens, strap in and get ready to blast off. This ain't your grandma's stablecoin—this is MoonCoin, the project destined to send your portfolio to Valhalla.
                    </p>
                </div>

                <div class="credentials-box">
                    <h3 class="glow-text-small">The Dev's Legendary Credentials 👑</h3>
                    <p>Ever heard of ChillGuy on PumpFun? Yeah, same dev. The dude allegedly coded ChillGuy on a hacked Nintendo DS while chilling in a hot tub filled with Dogecoin stickers. MoonCoin is his magnum opus, designed to send the crypto world into a dopamine-fueled frenzy.</p>
                </div>

                <div class="origin-story">
                    <h3 class="glow-text-small">Born Under a Full Moon 🌕</h3>
                    <p>So the dev was apparently chilling at a rooftop crypto meetup in Vegas, sipping on a cocktail called "Bear Market Blues," when inspiration struck. He saw the moon rise over the strip and whispered to himself, "WAGMI." That night, he coded MoonCoin in one sitting, fueled only by Red Bull, existential dread, and 0.1 BTC in gas fees.</p>
                    <p class="highlight-text">MoonCoin was born under a full moon, which astrologically means it's destined to moon (trust the vibes). It's rumored Elon Musk's hamster owns a bag. DYOR.</p>
                </div>

                <div class="safemoon-comparison">
                    <h3 class="glow-text-small">MoonCoin: The Next SafeMoon, But Faster 🚀</h3>
                    <p>Stop Scrolling, You Degen! MoonCoin isn’t just a coin—it’s the financial equivalent of shotgun wedding vibes mixed with rocket fuel. SafeMoon made it to the moon, but MoonCoin’s aiming for alien Lambos. You in, or are you gonna tell your grandkids you missed this pump? </p>
                    <div class="comparison-content glass-effect">
                        <p class="highlight-text">
                            SafeMoon shot to fame like a rocket fueled by memes and dreams. Guess what? MoonCoin is here to do it faster, harder, and shinier. Same moon vibes, better trajectory. Blink, and you might miss it. 🌕
                        </p>
                    </div>
                </div>

                <div class="why-buy">
                    <h3 class="glow-text-small">Why Buy MoonCoin? 🚀</h3>
                    <p>Pumpamentals Are Perfect: It's got deflationary tokenomics, anti-paper-hand penalties, and rewards for holding longer than your ex stuck around.</p>
                    <p class="highlight-text">MoonCoin isn't just a token. It's a lifestyle, a vibe, a reckless gamble disguised as a financial strategy. You're not just buying a coin; you're investing in the dream of unearned wealth.</p>
                </div>
                <div class="tldr-box">
                    <h3 class="glow-text-small">TL;DR:</h3>
                    <p class="highlight-text">MoonCoin: Made by ChillGuy dev, blessed by the moon, and destined for glory. Buy now or cry later. WAGMI. 🌕</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Game Overlay -->
    <div id="gameOverlay" class="game-overlay">
        <div id="rocket" class="rocket"></div>
        <div id="invaders"></div>
    </div>

    <!-- Add this right after the game-overlay div -->
    <div class="game-controls-info">
        <span><span class="key">←</span> <span class="key">→</span> Move Rocket</span>
        <span><span class="key">SPACE</span> Shoot</span>
    </div>

    <!-- Add this after the game-controls-info div -->
    <div class="kill-counter">
        KILLS: <span class="kill-count" id="killCount">0</span>
    </div>

    <script src="script.js?v=1.1"></script>
</body>
</html>
