<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Главная - FireTripper executor</title>
    <link rel="shortcut icon" href="img/ellogo.png">
    <link href='boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <link rel="stylesheet" href="css2@family=Material+Symbols+Outlined%253Aopsz,wght,FILL,GRAD@24,400,1,0.html">
    <link rel="stylesheet" href="css/main.css@1703620964.css">
    <link href="css/main.css" rel="stylesheet">
</head>

<body>

    <script src="script.js"></script>
    <script>
        new Snow();
    </script>

    <div class="snowflakes"></div>

    <div class="preloader">
        <div class="preloader__row">
          <div class="preloader__item"></div>
          <div class="preloader__item"></div>
        </div>
      </div>

    <header class="">
        <a class="logo" href="index.html">FireTripper <span>Executor</span></a>
        <ul class="navlist">
            <li><a style="color: var(--main-color);" href="index1.html">Главная</a></li>
            <li><a href="vibor.html">Навигация</a></li>
            <li><a href="https://discord.gg/V63SwVtB66">Дискорд Сервер</a></li>
            <li><a class="login" href="index3.html">Сменить язык</a></li>
        </ul>
    </header>

    <!-- Секция #1 - Главная страница, Элюсиум Клиент и ниже описание, справа меню -->
    <img class="bg-img" alt="">
    <div class="gradient"></div>
    <div class="transition"></div> <!-- Переход между секциями -->

    <section id="main">
        <div class="page-text">
            <img class="anim" src="img/menu2.png" alt="">
            <h1 class="main-text anim">Побеждай в <span class="Roblox">Roblox</span> <br> прямо сейчас!</h1>
            <p class="desc-text anim">Встречайте лучший бесплатный инжектор с 94 unc и с 7 лвлом <br> инжекта подходящий <br> для многих скриптов!</p>
            <a class="main-btn install anim" href="index.html#inst-client"><span><i class='bx bxs-download'></i></span> Установить</a>
            <a class="faq anim" href="faq.php.html">FAQ</a>
        </div>
    </section>

    <!-- Секция #2 - Почему именно мы? (Описать тех. поддержку, визуалы, обходы)-->
    <section id="whyus">
        <div class="whyus-text">
            <h1 class="sec-title">Почему именно мы?</h1>
            <div class="container">
                <div class="wbox">
                    <h1 class="title">Доверие</h1>
                    <p class="desc">Мы те люди которые начинали с чужих инжекторов, а так же мы довольно известные люди, много кому помогали.</p>
                </div>
                
                <div class="wbox">
                    <h1 class="title">Доступность</h1>
                    <p class="desc">Наш инжектор полностью бесплатный и не имеет ограничений в использовании.</p>
                </div>
                <div class="wbox">
                    <h1 class="title">Вирусы</h1>
                    <p class="desc">Мы не пытаемя всунуть вирусы, мы делаем всё исключительно бесплатно, не пытаемся подвергнуть ваш компьютер угрозам.</p>
                </div>
                <div style="cursor: pointer;" target="_blank" onclick="window.location='https://discord.gg/V63SwVtB66'" class="wbox">
                    <h1 class="title">Поддержка</h1>
                    <p class="desc">Наша поддержка тщательно вас выслушает и поможет вам с любыми возникшими трудностями</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Секция #4 - Установить лоадер/версию чита -->
    <section id="inst-client"> 
        <div class="inst-text">
            <h1 class="title">Установка инжектора</h1>
            <p class="desc">Наилучший бесплатный чит для новичков с понятным <br>
                и современным интерфейсом  </p>
                <a class="main-btn install anim" href="https://mega.nz/file/3Z83ALSI#4aDP0t1Oo7y99D-g25l_x_KWMDmvYQ2NnfmF9dcKNTg"><span><i class="bx bxs-download"></i></span> Скачать</a>
            <a class="faq anim" href="faq.php.html">Инструкция</a>
            <!-- <div style="padding-top: 17px;" class="inst-sup"><a style="color: #abaeb1;" class="faq" href="https://discord.gg/V63SwVtB66"> Купить с поддержкой</a> </div> -->
        </div>
    </section>
    
        
    <!-- Секция #5 - Статистика клиента -->
        <section id="join-us">
            <div class="con-text">
            </div>
        </section>
    <script>

        // Loading page
        window.onload = function () {
          document.body.classList.add('loaded_hiding');
          window.setTimeout(function () {
            document.body.classList.add('loaded');
            document.body.classList.remove('loaded_hiding');
          }, 500);
        }

        //Sticky header 
        document.addEventListener("DOMContentLoaded", function() {
            const header = document.querySelector("header");
            window.addEventListener("scroll", function() { 
                header.classList.toggle("sticky", window.scrollY > 20);
            });
        });
        

//<!-- Секция #6 - говно какое то -->    

//Counter

let valueDisplays = document.querySelectorAll(".desc-count");
let interval = 2000;
let maxEndValue = 0;
let numSteps = 1000; // Количество шагов, которые вы хотите для анимации

valueDisplays.forEach((valueDisplay) => {
   let endValue = parseInt(valueDisplay.getAttribute("data-val"));
   maxEndValue = Math.max(maxEndValue, endValue);
});

let duration = Math.floor(interval / numSteps);

valueDisplays.forEach((valueDisplay) => {
   let startValue = 0;
   let endValue = parseInt(valueDisplay.getAttribute("data-val"));
   let increment = (endValue - startValue) / numSteps;
   let step = 0;

   let counter = setInterval(function () {
      startValue += increment;
      step++;
      valueDisplay.textContent = Math.round(startValue);
      if (step >= numSteps) {
          clearInterval(counter);
          valueDisplay.textContent = endValue; // Убедимся, что конечное значение точное
      }
   }, duration);
});


    </script>
</body>
</html>