<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Viper Anticheat</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Header -->
    <header>
        <div class="navbar">
            <div class="logo">
                <img src="logo.png" alt="Viper Anticheat Logo">
            </div>
            <nav>
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#features">Features</a></li>
                    <li><a href="#stats">Stats</a></li>
                    <li><a href="#faq">FAQ</a></li>
                    <li><a href="#team">Team</a></li> <!-- Link zum Team-Bereich -->
                    <!-- <li><a href="#downloads">Downloads</a></li> -->
                    <li><a href="#support">Support</a></li>
                    <li><a href="#store">Store</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- Hero Section -->
    <section id="home" class="hero">
        <div class="hero-content">
            <h1>Viper Anticheat</h1>
            <p>Best Free Anticheat on FiveM.</p>
            <a href="https://discord.gg/hjKJukrfGN" class="btn" target="_blank">Get Anticheat</a>
        </div>
    </section>

    <!-- Features Section -->
    <section id="features" class="features fade-in">
        <div class="container">
            <h2>Features</h2>
            <div class="feature-list">
                <div class="feature-item">
                    <h3>AI Prop Block</h3>
                    <p>Viper Anticheat blocks spawned Props, deletes them instant and bans the Cheater.</p>
                </div>
                <div class="feature-item">
                    <h3>Good Performance</h3>
                    <p>Good performance, best safety.</p>
                </div>
                <div class="feature-item">
                    <h3>Anti Exploit</h3>
                    <p>We detect Exploits like the xsound / Roadphone sound exploit.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Stats Section -->
    <section id="stats" class="stats fade-in">
        <div class="container">
            <h2>Stats</h2>
            <div class="stats-counters">
                <div class="stat-item" id="bansContainer">
                    <h3>Bans</h3>
                    <p id="bansCount">0</p>
                </div>
                <div class="stat-item" id="attacksContainer">
                    <h3>Customer</h3>
                    <p id="attacksCount">0</p>
                </div>
                <div class="stat-item" id="usersContainer">
                    <h3>Discord Member</h3>
                    <p id="usersCount">0</p>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section id="faq" class="faq fade-in">
        <div class="container">
            <h2>FAQ</h2>
            <div class="faq-item">
                <h3>How do i install Viper Anticheat?</h3>
                <p>Installing ViperAC is as easy as drag & drop files into folder in your server and type ensure [script-name]</p>
            </div>
            <div class="faq-item">
                <h3>How does Viper Anticheat work?</h3>
                <p>Viper Anticheat monitors all suspicious activity in real time and blocks cheats as soon as they are detected.</p>
            </div>
            <div class="faq-item">
                <h3>How do i configure the Anticheat?</h3>
                <p>Open the Config file, there you can configurate everything. If you need help with Configuring the Anticheat, Contact us!</p>
            </div>
        </div>
    </section>

    <!-- Team Section -->
    <section id="team">
        <div class="container">
            <h2>Our Team</h2>
            <div class="team-list-wrapper">
                <div class="scroll-arrow scroll-arrow-left" onclick="scrollLeft()">&lt;</div>
                <div class="team-list">
                    <div class="team-member">
                        <img src="nxton.png" alt="Nxton">
                        <h3>Nxton</h3>
                        <div class="role">Founder</div>
                        <div class="description">Founder and Head Development of Viper Anticheat.</div>
                    </div>
                    <div class="team-member">
                        <img src="sanji.png" alt="Sanji">
                        <h3>Sanji</h3>
                        <div class="role">Founder</div>
                        <div class="description">Founder and Head Development of Viper Anticheat.</div>
                    </div>
                    <!--<div class="team-member">
                        <img src="team-member3.jpg" alt="Teammitglied 3">
                        <h3>John Doe</h3>
                        <div class="role">Support</div>
                        <div class="description">John kümmert sich um den Kunden-Support und hilft bei technischen Problemen.</div>
                    </div>-->
                    <!-- Weitere Team-Mitglieder hier -->
                </div>
                <div class="scroll-arrow scroll-arrow-right" onclick="scrollRight()">&gt;</div>
            </div>
        </div>
    </section>

    <!-- Support Section -->
    <section id="support" class="support fade-in">
        <div class="container">
            <h2>Support</h2>
            <p>If you have any problems or questions, contact our support team.</p>
            <p>⠀</p>
            <a href="https://discord.gg/hjKJukrfGN" class="btn-discord">Join our Discord</a>
        </div>
    </section>

    <!-- Store Section -->
    <section id="store" class="store fade-in">
        <div class="container">
            <h2>Store</h2>
            <p>⠀</p>
            <a href="https://discord.gg/hjKJukrfGN" class="btn" target="_blank">Get Viper Anticheat</a>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="footer-content">
            <p>&copy; 2024 Viper Anticheat.</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>
