<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sky Apps - 🏆 Melhor apps do mercado</title>
    <link rel="icon" href="assets/logo.png" type="image/png">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
          <a class="navbar-brand" href="index.html"><img src="assets/logo.png" height="40px" id="navbar-icon" style="transform: scale(1.5);"></a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav mx-auto">
                  <a class="nav-link active me-2" aria-current="page" href="index.html">Home</a>
                  <a class="nav-link me-2" href="pages/produtos.html">Serviços</a>
                  <a class="nav-link me-2" href="pages/termos.html">Termos</a>
                  <a class="nav-link main-btn me-2" href="pages/login.html"><i class="fa-solid fa-right-to-bracket"></i> Dashboard</a>
                  <a class="nav-link btn-d me-2" href="https://discord.gg/skyapps"><i class="fa-brands fa-discord"></i></a>
                </div>
            </div>
        </div>
    </nav>

    <div class="primaryh">
        <div class="details">
            <div class="title">Melhores soluções para sua loja: <span class="text-degrade">ticket, auth e vendas</span></div>
            <div class="desc">Revolucione sua experiência com automação, segurança robusta e suporte especializado para levar seu servidor ao próximo nível. Automatize processos, simplifique sua gestão e entregue uma experiência premium aos seus usuários.</div>
            <div class="btns">
                <a class="main-btn" href="pages/produtos.html"><i class="fa-solid fa-arrow-up-right-from-square"></i> <span class="text">Confira agora</span></a>
                <a class="main-btn" href="https://discord.gg/skyapps" style="width: 5vh;"><i class="fa-brands fa-discord"></i></a>
            </div>
        </div>
        <div class="sticker"><img src="assets/robotics.png" height="350px"></div>
    </div>

    <div class="statistics">
        <div class="status">
            <div class="icon"><i class="fa-brands fa-sellsy"></i></div>
            <div class="details">
                <div class="title">Clientes</div>
                <div class="dados">+1000</div>
            </div>
        </div>
        <div class="status">
            <div class="icon"><i class="fa-solid fa-robot"></i></div>
            <div class="details">
                <div class="title">Aplicações</div>
                <div class="dados">+1000</div>
            </div>
        </div>
        <div class="status">
            <div class="icon"><i class="fa-solid fa-ticket"></i></div>
            <div class="details">
                <div class="title">Suporte</div>
                <div class="dados">24 horas</div>
            </div>
        </div>
    </div>

    <hr>

    <div class="secoundh">
        <div class="infos">
            <div class="infoheader"># Serviços</div>
            <div class="titlemain">Porque comprar conosco?</div>
    
            <div class="secound-container">
                <div class="details">
                    <div class="description">Oferecemos soluções com segurança de ponta, garantindo a proteção de seus dados e transações, para que você possa operar com tranquilidade</div>
                </div>
            </div>
            <div class="secound-container">
                <div class="details">
                    <div class="description">Nossos Bots são fáceis de usar, permitindo que você gerencie sua loja sem complicações</div>
                </div>
            </div>
            <div class="secound-container">
                <div class="details">
                    <div class="description">Contamos com uma equipe de suporte especializada, pronta para ajudar sempre que você precisar, garantindo que sua experiência seja a melhor possível</div>
                </div>
            </div>
        </div>
        <div class="sticker"><img src="assets/compras-online.png" height="350px"></div>
    </div>
    <br>
    <div class="thirdh">
        <div class="mainh">
            <div class="main">
                <div class="infoheader"># Feedback</div>
                <div class="title">Sua satisfação importa</div>
                <div class="desc">Nosso compromisso vai além de fornecer soluções de alta qualidade. Acreditamos que a verdadeira medida do nosso sucesso está na sua satisfação. Estamos dedicados a oferecer uma experiência excepcional, com segurança, facilidade e suporte contínuo para garantir que suas necessidades sejam atendidas. Cada detalhe é pensado para entregar mais do que apenas um produto, mas uma experiência completa que exceda suas expectativas. Sua confiança é fundamental para nós, e estamos sempre prontos para evoluir e melhorar, porque sua satisfação é nossa maior prioridade.</div>
                <br>
                <a class="main-btn" href="https://discord.gg/skyapps"><i class="fa-solid fa-arrow-up-right-from-square"></i><span class="mainbtntext">Acesse nossas soluções</span></a>
            </div>
        </div>
    </div>
    <br><hr>
    <div class="footer">
        <img src="assets/logo.png" class="footer-icon" style="transform: scale(1.5);">
        <div class="vertical-line"></div>
        <div class="categorias">
            <div class="redessociais">
                Páginas
                <ul>
                    <li><a href="https://discord.gg/skyapps" target="_blank"><i class="fa-brands fa-discord"></i> Discord</a></li>
                    <li><a href="pages/produtos.html" target="_blank"><i class="fa-solid fa-server"></i> Serviços</a></li>
                    <li><a href="pages/termos.html" target="_blank"><i class="fa-solid fa-scroll"></i> Termos</a></li>
                </ul>
            </div>
        </div>
    </div>    

    <script src="https://kit.fontawesome.com/92bef1279f.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>