Noctaly Leveling

<div id="assistance">                                                                                                                                      
                                                                                                                                        
      <div class="hero">                                                                                                                                     
        <div class="hero-glow"></div>                                                                                                                        
        <h1>Assistance</h1>                                 
        <p class="hero-desc">Everything your server needs. Leveling, greetings, reaction roles, moderation, AI FAQ, voice channels, feeds, and a full web    
  dashboard.</p>                                                                                                                                             
        <div class="tags">
          <span>📊 Leveling</span>
          <span>👋 Greetings</span>
          <span>🎭 Roles</span>
          <span>🛡️  Moderation</span>
          <span>🤖 AI FAQ</span>
          <span>🔊 Voice</span>
          <span>📺 Feeds</span>
          <span>🎛️  Dashboard</span>
        </div>
        <a href="https://invite.assistance.gg" target="_blank" class="btn hero-btn">Add to Discord</a>
      </div>

      <div class="divider"></div>

      
      <div class="feature">
        <div class="showcase">
          <img src="https://assistance.gg/marketing/leveling.png" alt="Leveling" class="showcase-img" />
        </div>
        <div class="content">
          <h2>📊 Leveling</h2>
          <h3>Reward your most active members</h3>
          <h4>XP, ranks, level roles, leaderboards & fully customizable rank cards. Track messages, reactions, and voice activity.</h4>
          <a href="https://assistance.gg/leveling" class="btn btn-outline" style="max-width: 320px; margin: 8px auto 0;">Learn More</a>
        </div>
      </div>

      <div class="divider"></div>

      
      <div class="feature">
        <div class="showcase">
          <img src="https://assistance.gg/marketing/greetings.png" alt="Greetings" class="showcase-img" />
        </div>
        <div class="content">
          <h2>👋 Greetings</h2>
          <h3>Welcome every new member in style</h3>
          <h4>Stunning welcome & farewell cards with custom backgrounds, colors, and text. Make a great first impression.</h4>
        </div>
      </div>

      <div class="divider"></div>

      
      <div class="feature">
        <div class="showcase">
          <img src="https://assistance.gg/marketing/reactionRoles.png" alt="Reaction Roles" class="showcase-img" />
        </div>
        <div class="content">
          <h2>🎭 Reaction Roles</h2>
          <h3>Let members pick their own roles</h3>
          <h4>Self-assign roles with a single reaction. Simple to set up from the dashboard, no commands needed.</h4>
        </div>
      </div>

      <div class="divider"></div>

      
      <div class="feature">
        <div class="showcase">
          <img src="https://assistance.gg/marketing/moderationLogs.png" alt="Moderation Logs" class="showcase-img" />
        </div>
        <div class="content">
          <h2>🛡️  Moderation Logs</h2>
          <h3>Keep track of every action</h3>
          <h4>Automatic logging for bans, kicks, message deletes, role changes, and more. Full audit trail for your mod team.</h4>
        </div>
      </div>

      <div class="divider"></div>

      
      <div class="feature">
        <div class="showcase">
          <img src="https://assistance.gg/marketing/stickyMessages.png" alt="Sticky Messages" class="showcase-img" />
        </div>
        <div class="content">
          <h2>📌 Sticky Messages</h2>
          <h3>Pin important info that stays visible</h3>
          <h4>Sticky messages always stay at the bottom of a channel, no matter how many new messages come in.</h4>
        </div>
      </div>

      <div class="divider"></div>

      
      <div class="feature">
        <div class="showcase">
          <img src="https://assistance.gg/marketing/faq.png" alt="AI FAQ" class="showcase-img" />
        </div>
        <div class="content">
          <h2>🤖 AI Driven FAQ</h2>
          <h3>Instant answers, powered by AI</h3>
          <h4>Train the bot on your own data and let it answer questions for you. 24/7 support without lifting a finger.</h4>
        </div>
      </div>

      <div class="divider"></div>

      
      <div class="feature">
        <div class="showcase">
          <img src="https://assistance.gg/marketing/tempVoice.png" alt="Quick Voice" class="showcase-img" />
        </div>
        <div class="content">
          <h2>🔊 Quick Voice</h2>
          <h3>On-demand voice channels for everyone</h3>
          <h4>Members create temporary voice channels with a full control panel. Add users, kick, lock, unlock, or delete.</h4>
        </div>
      </div>

      <div class="divider"></div>

      
      <div class="feature">
        <div class="showcase">
          <img src="https://assistance.gg/marketing/feeds.png" alt="Notification Feeds" class="showcase-img" />
        </div>
        <div class="content">
          <h2>📺 Notification Feeds</h2>
          <h3>Never miss a free game or new upload</h3>
          <h4>Automatic notifications for free Epic Games and new YouTube uploads, delivered straight to your Discord server.</h4>
        </div>
      </div>

      <div class="divider"></div>

      
      <div class="feature">
        <div class="showcase">
          <img src="https://assistance.gg/marketing/dashboard.png" alt="Web Dashboard" class="showcase-img" />
        </div>
        <div class="content">
          <h2>🎛️  Web Dashboard</h2>
          <h3>Control everything from one place</h3>
          <h4>Configure all features from a beautiful web dashboard at <a href="https://assistance.gg" style="color: #73dce5;">assistance.gg</a>. No commands
   needed, just click and go.</h4>
        </div>
      </div>

      <div class="divider"></div>

      
      <div class="feature">
        <div class="showcase">
          <img src="https://assistance.gg/marketing/botAppearance.png" alt="Bot Customization" class="showcase-img" />
        </div>
        <div class="content">
          <h2>✨ Bot Customization</h2>
          <h3>Make it yours</h3>
          <h4>Give Assistance a custom name, avatar, banner, and bio that matches your server. Stand out with a bot that feels truly yours.</h4>
        </div>
      </div>

      <div class="divider"></div>

      
      <div class="cta">
        <h3>Ready to level up your server?</h3>
        <p>Join hundreds of servers already using Assistance.</p>
        <div class="cta-buttons">
          <a href="https://invite.assistance.gg" target="_blank" class="btn">Add to Discord</a>
          <a href="https://assistance.gg/dashboard" target="_blank" class="btn btn-outline">Open Dashboard</a>
        </div>
      </div>
    </div>

    <style>
    :root {
      color-scheme: dark !important;
    }

    * {
      color: white !important;
    }

    html, body {
      background:
        radial-gradient(circle at 20% 20%, rgba(115, 220, 229, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(26, 20, 71, 0.25) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(115, 220, 229, 0.08) 0%, transparent 60%),
        linear-gradient(rgba(115, 220, 229, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(115, 220, 229, 0.02) 1px, transparent 1px),
        #0a0a0a !important;
      background-size: 100% 100%, 100% 100%, 100% 100%, 50px 50px, 50px 50px !important;
    }

    #assistance * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    #assistance {
      width: 100%;
      max-width: 700px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 48px;
      padding: 0 16px 48px;
      background: transparent !important;
    }

    /* ===== HERO ===== */

    #assistance .hero {
      position: relative;
      text-align: center;
      padding: 64px 24px 48px;
      width: 100%;
      overflow: hidden;
    }

    #assistance .hero-glow {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(115,220,229,0.12) 0%, rgba(115,220,229,0.04) 40%, transparent 70%);
      pointer-events: none;
    }

    #assistance .hero h1 {
      font-size: 5rem;
      font-weight: 800;
      line-height: 1;
      background: linear-gradient(135deg, #ffffff 0%, #73dce5 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent !important;
      background-clip: text;
      margin-bottom: 20px;
      border-bottom: 0;
    }

    #assistance .hero-desc {
      font-size: 1.25rem;
      line-height: 1.7;
      color: rgb(156, 163, 175) !important;
      max-width: 500px;
      margin: 0 auto 32px;
    }

    #assistance .tags {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
      margin-bottom: 36px;
    }

    #assistance .tags span {
      padding: 6px 14px;
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,0.1);
      background: rgba(255,255,255,0.04);
      font-size: 0.9rem;
      font-weight: 500;
      color: rgba(255,255,255,0.75) !important;
    }

    #assistance .hero-btn {
      max-width: 280px;
      margin: 0 auto;
      font-size: 1.15rem;
      font-weight: 600;
      height: 3.25rem;
      border-radius: 12px;
    }

    /* ===== DIVIDERS ===== */

    #assistance .divider {
      width: 60%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(115,220,229,0.2), transparent);
    }

    /* ===== FEATURES ===== */

    #assistance .feature {
      display: flex;
      max-width: 600px;
      width: 100%;
      flex-direction: column;
      align-items: center;
      gap: 28px;
    }

    #assistance .feature .content {
      display: flex;
      width: 100%;
      gap: 12px;
      flex-direction: column;
      text-align: center;
    }

    #assistance .feature h2 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 500;
      letter-spacing: 0.05em;
      color: rgba(255,255,255,0.5) !important;
      text-transform: uppercase;
      border-bottom: 0;
    }

    #assistance .feature h3 {
      font-size: 2.25rem;
      line-height: 1.2;
      font-weight: 700;
      color: white !important;
      border-bottom: 0;
    }

    #assistance .feature h4 {
      font-size: 1.2rem;
      line-height: 1.7;
      font-weight: 400;
      color: rgb(156, 163, 175) !important;
      border-bottom: 0;
    }

    #assistance .showcase {
      width: 100%;
    }

    #assistance .showcase-img {
      width: 100%;
      height: auto;
      display: block;
    }

    /* ===== BUTTONS ===== */

    #assistance .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      white-space: nowrap;
      font-size: 1.1rem;
      font-weight: 600;
      background: #73dce5 !important;
      color: #000 !important;
      height: 3rem;
      border-radius: 10px;
      padding: 0 1.5rem;
      width: 100%;
      text-decoration: none;
      position: relative;
      overflow: hidden;
      transition: transform 0.2s, box-shadow 0.2s;
    }

    #assistance .btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 8px 30px rgba(115,220,229,0.25);
    }

    #assistance .btn::before {
      content: "";
      position: absolute;
      width: 100px;
      height: 100%;
      background-image: linear-gradient(120deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.6), rgba(255,255,255,0) 70%);
      top: 0;
      left: -100px;
      animation: shine 3s infinite linear;
      z-index: 1;
      opacity: 0.5;
      pointer-events: none;
    }

    #assistance .btn-outline {
      background: transparent !important;
      border: 1px solid rgba(115,220,229,0.4);
      color: #73dce5 !important;
    }

    #assistance .btn-outline::before {
      display: none;
    }

    #assistance .btn-outline:hover {
      background: rgba(115,220,229,0.08) !important;
      box-shadow: 0 8px 30px rgba(115,220,229,0.1);
    }

    /* ===== BOTTOM CTA ===== */

    #assistance .cta {
      text-align: center;
      padding: 48px 24px;
      width: 100%;
      position: relative;
    }

    #assistance .cta h3 {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 12px;
      color: white !important;
      border-bottom: 0;
    }

    #assistance .cta p {
      font-size: 1.2rem;
      color: rgb(156, 163, 175) !important;
      margin-bottom: 32px;
    }

    #assistance .cta-buttons {
      display: flex;
      flex-direction: column;
      gap: 12px;
      max-width: 320px;
      margin: 0 auto;
    }

    @keyframes shine {
      0% { left: -100px; }
      20% { left: 100%; }
      100% { left: 100%; }
    }
    </style>

Assistance

All-in-one Discord bot: #1 most advanced leveling system, moderation, temp voice, reaction roles, greetings, notification feeds, Smart FAQs

Leveling Discord Bots and Apps

Discord Bots

Noctaly Leveling

✨ #1 Leveling Bot・Message & Voice XP・Level Up Message・Level & Stats Roles・Auto Leaderboard・Booster Roles・Custom Rank Card・Customizable

✨ #1 Leveling Bot・Message & Voice XP・Level Up Message・Level & Stats Roles・Auto Leaderboard・Booster Roles・Custom Rank Card・Customizable

Assistance

All-in-one Discord bot: #1 most advanced leveling system, moderation, temp voice, reaction roles, greetings, notification feeds, Smart FAQs

All-in-one Discord bot: #1 most advanced leveling system, moderation, temp voice, reaction roles, greetings, notification feeds, Smart FAQs

FARKBot

Effortlessly manage your server's counting activity with our Discord bot - Perfect for communities of any size!

Effortlessly manage your server's counting activity with our Discord bot - Perfect for communities of any size!

Gaming bot

come game with us

come game with us

MewoBot

Grab your best friend and raise an adorable virtual pet together!

Grab your best friend and raise an adorable virtual pet together!

real dhar mann

The key to keeping your server safe and secure begins with the 𝐫𝐞𝐚𝐥 𝐝𝐡𝐚𝐫 𝐦𝐚𝐧𝐧 Discord bot.

The key to keeping your server safe and secure begins with the 𝐫𝐞𝐚𝐥 𝐝𝐡𝐚𝐫 𝐦𝐚𝐧𝐧 Discord bot.

carrotbot

Your all-in-one solution for moderation, leveling, economy, welcoming, logging, and so much more.

Your all-in-one solution for moderation, leveling, economy, welcoming, logging, and so much more.

GM Bot

The best levelling bot for small discord servers. Increase your server engagements by saying GM everyday.

The best levelling bot for small discord servers. Increase your server engagements by saying GM everyday.

blase

multipurpose bot with many premium features

multipurpose bot with many premium features

Smoothie

Tired of paying for: Invite Logging Level Roles, / Invite Tracking, Moderation, Giveaways, Translations and other utilities? Use Smoothie!

Tired of paying for: Invite Logging Level Roles, / Invite Tracking, Moderation, Giveaways, Translations and other utilities? Use Smoothie!

FunGames

FunGames provided

FunGames provided

Level X

The ultimate leveling system for your Discord server.

The ultimate leveling system for your Discord server.

Filters

Sorting

Categories

Languages

Reviews

Total Invites