<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:title" content="Project Ace-Client">
    <meta property="og:description" content="Official Project Ace-Client Download | #1 Multi-API Executor">
    <meta property="og:image" content="https://github.com/ffavex/Project-ace/blob/da623923a19f411d1615886c6bc6378ad1c65ec2/icons8-eye-100.png">
    <meta property="og:url" content="https://project-ace.vercel.app/">
    <title>Project Ace-Client</title>
    <link rel="stylesheet" href="styles.css">
    <script src="anti-inspect-element.js"></script>
</head>
<body>

    <div class="announcement" id="announcement">
        <p><span id="announcement-title"></span> | <span id="announcement-content"></span></p>
    </div>

    <div class="maintenance-screen" id="maintenance-screen" style="display: none;">
        <div class="maintenance-box">
            <h2 id="maintenance-title"></h2>
            <p id="maintenance-content"></p>
        </div>
    </div>

    <div class="container">
        <img src="logo.png" alt="Logo" class="logo">

        <button class="download-button" id="download-button">
            Download Ace-Client
        </button>
    </div>
    <div class="desc">
      <h1>Project Ace-Client is a Multi-API Roblox Executor | Providing Sleek UI and Multiple API to choose from!</h1>
      
    </div>

    <script>
        const contentURL = 'https://raw.githubusercontent.com/ffavex/annc/refs/heads/main/announcement.json';
        const downloadLinkURL = 'https://raw.githubusercontent.com/ffavex/annc/refs/heads/main/download-link.txt';

        const downloadButton = document.getElementById('download-button');
        downloadButton.addEventListener('click', () => {
            fetch(downloadLinkURL)
                .then(response => response.text())
                .then(downloadURL => {
                    window.location.href = downloadURL.trim();
                })
                .catch(error => console.error('Error fetching download link:', error));
        });

        function fetchAnnouncementAndMaintenance() {
            fetch(contentURL)
                .then(response => response.json())
                .then(data => {
                    if (data.Maintenance && data.Maintenance === true) {
                        const maintenanceScreen = document.getElementById('maintenance-screen');
                        const maintenanceTitle = document.getElementById('maintenance-title');
                        const maintenanceContent = document.getElementById('maintenance-content');

                        maintenanceTitle.textContent = data.Title2;
                        maintenanceContent.textContent = data.Content2;

                        maintenanceScreen.style.display = 'flex'; 
                        document.body.style.overflow = 'hidden';
                    }
                    else if (data.Enabled && data.Enabled === true) {
                        const announcementDiv = document.getElementById('announcement');
                        const titleSpan = document.getElementById('announcement-title');
                        const contentSpan = document.getElementById('announcement-content');

                        titleSpan.textContent = data.Title;
                        contentSpan.textContent = data.Content; 

                        announcementDiv.style.display = 'block'; 
                    }
                })
                .catch(error => {
                    console.error('Error fetching announcement and maintenance data:', error);
                });
        }

        fetchAnnouncementAndMaintenance();
    </script>
</body>
</html>