<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css"> 
    <title>@Nauj Bot</title>
</head>
<body>
  
    <div class="container"> 
        <!-- Header -->
        <div class="header">
            <h1 class="bot-name">@Nauj Bot</h1>
            <p class="bot-description">Les Presento a @Nauj Este Bot Te Brindará La Mejor Experiencia</p>
            <img class="bot-image" src="https://cdn.discordapp.com/attachments/1206307375733022754/1234306136073834617/m_Nauj.png?ex=663040ab&is=662eef2b&hm=86cdde0aedd9a3a5ba455e1b58993f51e55680031d2a61ae4ae5b32453244704&" alt="Nauj Bot">
            <button class="shadow__btn">
                <a href="https://discord.gg/D2jEpawBD4" style="text-decoration: none; color: inherit;">Support</a>
            </button>
            <a class="btn-donate" href="https://discord.gg/Jv8V3WURWA">DONAR!</a>
            </button>
        </div>
        
        <!-- Home Section -->
        <section class="home container" id="home">
            <div class="swiper home-swiper">
                <div class="swiper-wrapper">
                    <section>
                        <div class="homecont grid">
                            <div class="homedata">
                                <h1 class="hometitle"><br /> <br />Nauj Bot!</h1>
                                <p class="homedes">
                                    Bienvenido a @Nauj Bot, Este bot es multifuncional con comandos de moderación y públicos que consta en la diversidad de tu servidor de Discord.
                                </p>
                                <div class="homebut">
                                    <a href="pagina2.html" class="btn-donate">Comandos!</a>
                                </div>
                            </div>
                            <div class="homegroup">
                                <img src="img/Nauj.png" alt="" class="homeimg" />
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </section>
        
        <!-- Questions Section -->
        <section class="questions container">
            <h2 class="subtitle">INFORMACION Nauj  BOT</h2>
            <p class="questions_paragraph">Esto hace que sea más fácil para nosotros tener respuesta a muchas de sus dudas poniendo aquí las más importantes.</p>
            <section class="questions_container">
                <article class="questions_padding">
                    <div class="questions_answer">
                        <h3 class="questions_title">¿Por qué deberías estar con nosotros?<span class="questions_arrow"><img src="./img/arrow.svg" class="questions_img"></span></h3>
                        <p class="questions_show">Podemos ayudarte en lo que pidas (si es programación), tenemos muchas personas en el servidor con las que puedes relacionarte y hacer tratos. </p>
                    </div>
                </article>
            </section>
        </section>
      </html>
<!-- Premium Section -->
<div class="premium-wrapper">
  <div class="premium-section">
      <h2>Premium</h2>
      <div class="plans">
          <div class="plan">
              <h3>Plan Básico</h3>
              <p>Acceso a características adicionales</p>
              <p>ABRE TICKET</p>
              <a href="https://discord.com/oauth2/authorize?client_id=1223039850580676818'" class="button">
                Unlock Pro
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24">
                  <path d="m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z"></path>
                </svg>
              </a>
          </div>
          <div class="plan">
              <h3>Plan Avanzado</h3>
              <p>Acceso completo a todas las funciones premium</p>
              <p>ABRE TICKET</p>
              <a href="https://discord.com/oauth2/authorize?client_id=1223039850580676818'" class="button">
                Unlock Pro
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24">
                  <path d="m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z"></path>
                </svg>
              </a>
          </div>

          </div>
      </div>
  </div>
</div>

        
        <!-- Footer -->
        <div class="footer">
            <p>&copy; 2024 Nauj Bot. Todos los derechos reservados. | ¿Necesitas ayuda? <a href="https://discord.gg/Jv8V3WURWA">Únete a nuestro servidor de Discord</a></p>
        </div>
    </div>

    <!-- JavaScript -->
    <script src="./js/slider.js"></script>
    <script src="./js/questions.js"></script>
    <script src="./js/menu.js"></script>
    <script src="js/scrollreveal.min.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/main.js"></script>
    <script src="script.js" defer></script>
</body>
</html>
