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

Leveling

Level up your server activity!

Level up your server activity!

Hub

The ultimate multipurpose Discord bot with music, leveling, moderation, tickets, giveaways, and more!

The ultimate multipurpose Discord bot with music, leveling, moderation, tickets, giveaways, and more!

JST

JST is a fully-featured and free multipurpose Discord bot!

JST is a fully-featured and free multipurpose Discord bot!

perchance

Perchance - Global APM bot

Perchance - Global APM bot

Arlo

Meet Arlo: Your All-In-One Discord Bot!

Meet Arlo: Your All-In-One Discord Bot!

XPer

XPer is an open-sourced leveling bot with great features and flexibility! 📈🔥

XPer is an open-sourced leveling bot with great features and flexibility! 📈🔥

Clarendon

The official Clarendon bot. This bot looks for you to have fun when using it!

The official Clarendon bot. This bot looks for you to have fun when using it!

Pixelmon

The Most Advanced RPG Experience

The Most Advanced RPG Experience

SafeCord

SafeCord: Your all-in-one Discord bot for moderation, giveaways, Roblox verification, leveling, sticky roles, and more!

SafeCord: Your all-in-one Discord bot for moderation, giveaways, Roblox verification, leveling, sticky roles, and more!

wawg

All purpose discord bot can be used in DMS and has a support server offering support 24/7

All purpose discord bot can be used in DMS and has a support server offering support 24/7

Filters

Sorting

Categories

Languages

Reviews

Total Invites