<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mattiax Scanner - FiveM</title>

    <!-- FontAwesome CDN per l'icona della lente -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
      integrity="sha512-Fo3rlrZj/k7ujTnH/PRb7wPq5HgsSh0FExmjV6k6t9afXgBCnU5f3UG0u+yAsHeAmFPs7dJ3VUUJ4N/Q9UOsdQ=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />

    <style>
        /* Stile generale */
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background-color: #000; /* Sfondo nero */
            color: #fff;
            overflow: hidden; /* Blocca lo scrolling finché non carica */
        }

        /* Overlay di caricamento */
        .loading-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        /* Lente d'ingrandimento */
        .loading-screen i {
            font-size: 100px;
            color: #ff0000; /* Colore rosso */
            animation: zoom 1.5s infinite ease-in-out;
        }

        /* Testo "Loading..." */
        .loading-text {
            margin-top: 20px;
            font-size: 24px;
            color: #ff0000;
            font-weight: bold;
            animation: blink 1s infinite;
        }

        /* Animazione lente */
        @keyframes zoom {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            50% {
                transform: scale(1.5);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        /* Animazione scritta blink */
        @keyframes blink {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
        }

        /* Contenuto principale (nascosto all'inizio) */
        .main-content {
            display: none;
        }

        /* Contenitore principale */
        .container {
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            max-width: 1200px;
            margin: 50px auto;
            padding: 20px;
            border: 2px solid #ff0000;
            border-radius: 10px;
            box-shadow: 0 0 15px #ff0000;
            background-color: #111;
        }

        /* Sezioni */
        .section {
            flex: 1;
            margin: 10px;
            padding: 20px;
            border: 2px solid #ff0000;
            border-radius: 10px;
            box-shadow: 0 0 10px #ff0000;
            background-color: #222;
        }

        /* Titoli */
        h1, h2 {
            text-align: center;
            color: #ff0000;
        }

        /* Pulsante di download */
        .download-btn {
            display: block;
            width: 200px;
            margin: 30px auto;
            padding: 15px;
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            background-color: #ff0000;
            border: none;
            border-radius: 5px;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.2s ease;
        }

        .download-btn:hover {
            background-color: #cc0000;
            transform: scale(1.05);
        }

        /* Box versione */
        .version-box {
            margin: 20px auto 30px;
            padding: 10px 20px;
            width: fit-content;
            background: #111;
            border: 2px solid #ff0000;
            border-radius: 8px;
            box-shadow: 0 0 10px #ff0000;
            text-align: center;
        }

        .version-label {
            font-size: 16px;
            font-weight: bold;
            color: #fff;
        }

        .version-number {
            font-size: 20px;
            font-weight: bold;
            color: #ff0000;
            margin-left: 8px;
            animation: pulse 1.5s infinite ease-in-out;
        }

        /* Animazione per la versione */
        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            50% {
                transform: scale(1.1);
                opacity: 0.8;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }


        /* Lista dei cheat rilevati */
        .cheat-list {
            list-style-type: none;
            padding: 0;
        }

        .cheat-list li {
            background-color: #111;
            border: 1px solid #ff0000;
            color: #ff0000;
            margin: 10px 0;
            padding: 10px;
            border-radius: 5px;
            text-align: center;
            font-size: 16px;
            transition: transform 0.2s ease, box-shadow 0.3s ease;
        }

        .cheat-list li:hover {
            transform: scale(1.05);
            box-shadow: 0 0 10px #ff0000;
        }

        /* Footer */
        footer {
            margin-top: 50px;
            text-align: center;
            color: #555;
        }
    </style>
</head>
<body>
        <!-- Overlay di Caricamento -->
        <div class="loading-screen">
            <i class="fas fa-search"></i>
            <div class="loading-text">Loading...</div>
        </div>

        <div class="main-content">
            <h1>Mattiax Scanner - FiveM Cheat</h1>

            <div class="container">
        <div class="section">
            <h2>Download Scanner</h2>
            <p>Scarica ora <strong>Mattiax Scanner</strong> per rilevare i cheat più utilizzati su FiveM!</p>
            <p>Per ricevere il codice apri un ticket sul nostro <a href="https://discord.gg/soon" target="_blank" style="color: #ff0000; text-decoration: underline;">DISCORD</a>!</p>

            <div class="version-box">
                <span class="version-label">Versione:</span>
                <span class="version-number">v1.0</span>
            </div>

            <a href="mattiaxscannerv1.zip" class="download-btn" download>
                Scarica Ora
            </a>
        </div>


            <!-- Sezione Cheat rilevati -->
            <div class="section">
                <h2>Cheat Rilevati</h2>
                <ul class="cheat-list">
                    <li>HX</li>
                    <li>Ghost</li>
                    <li>Skript.gg</li>
                    <li>RedEngine</li>
                    <li>And more..</li>
                </ul>
            </div>
        </div>

        <!-- Footer -->
        <footer>
            &copy; 2024 Mattiax Scanner
        </footer>
    </div>

    <!-- Script per gestire il caricamento -->
    <script>
        window.addEventListener("load", function() {
            setTimeout(function() {
                // Nasconde l'overlay
                document.querySelector(".loading-screen").style.display = "none";
                // Mostra il contenuto principale
                document.querySelector(".main-content").style.display = "block";
                // Ripristina lo scroll
                document.body.style.overflow = "auto";
            }, 3500); // 5 secondi
        });
    </script>
</body>
</html>
