<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="img/a.png" type="image/x-icon">
    <link rel="icon" href="img/a.png" type="image/png">
    <title>X-Plosion | Home</title>
    <link rel="stylesheet" href="style.css">

    <!-- Google AdSense Script -->
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7342261259920375" crossorigin="anonymous"></script>
</head>
<body>
    <nav class="navbar">
        <a class="navbar-brand" href="index.html">
            <img src="img/a.png" alt="X-Plosion Logo">
            <span>X-Plosion Syndicate</span>
        </a>
        <div class="hamburger" id="hamburger">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <ul class="navbar-links" id="navbarLinks">
            <li><a href="index.html">Home</a></li>
            <li><a href="contact.html">Developer</a></li>
            <li><a href="payment.html">Payment</a></li>
            <li><a href="testimoni.html">Testimoni</a></li>
        </ul>
    </nav>


    <div class="container">
        <div class="promo-notification">
            <img src="img/a.png" alt="Modpack Image">
            <div class="promo-text">
                <h5>Buy Key Unlock ALL GTA</h5>
                <p>Harga Rp40.000!</p>
            </div>
            <a href="buykey.html" class="btn-buy">Buy Modpack</a>
        </div>
    </div>

    <div class="container text-center mt-5 welcome-section" id="mainContent">
        <h1>X-Plosion Syndicate | Store!</h1>
        <p>Version 1.3</p>
        <div class="btn-container">
            <a href="shop.html">Modpack Free | Download</a>
            <a href="buykey.html">Modpack Buy | Paid</a>
            <a href="https://request-modpack.netlify.app/">Request Modpack</a>
            <a href="blackmarket.html">BlackMarket 💀</a>
        </div>
    </div>

    <footer>
        <p>X-Plosion Syndicate Mods Nov 2023 | <a href="https://discord.gg/bXVGZhnp">Discord</a></p>
    </footer>

    <script>
        const hamburger = document.getElementById('hamburger');
        const navbarLinks = document.getElementById('navbarLinks');
        const notification = document.getElementById('notification');

        hamburger.addEventListener('click', () => {
            navbarLinks.classList.toggle('active');
        });

        // Close notification
        function closeNotification() {
            notification.style.display = 'none';
        }

        // Display notification for 5 seconds before auto hiding
        setTimeout(() => {
            notification.style.display = 'none';
        }, 10); // Hides after 5 seconds
    </script>
</body>
</html>
