<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, stream alerts, and a full web dashboard.</p>
        <div class="tags">
          <span>📊 Leveling</span>
          <span>📈 Analytics</span>
          <span>👋 Greetings</span>
          <span>🎭 Roles</span>
          <span>🛡️ Moderation</span>
          <span>⚖️ Ban Appeals</span>
          <span>🤖 AI FAQ</span>
          <span>🔊 Temp VC</span>
          <span>🔔 Notifications</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/analytics.png" alt="Server Analytics" class="showcase-img" />
        </div>
        <div class="content">
          <h2>📈 Server Analytics</h2>
          <h3>Understand your community like never before</h3>
          <h4>Live dashboard with member trends, message activity, voice tracking, top users & channels, peak hours, and retention insights. Data is collected automatically for every server.</h4>
          <a href="https://assistance.gg/analytics" 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/banAppeals.gif" alt="Ban Appeals" class="showcase-img" />
        </div>
        <div class="content">
          <h2>⚖️ Ban Appeals <span class="new">New</span></h2>
          <h3>Let banned members make their case</h3>
          <h4>Banned members appeal through a link you share, and each appeal opens its own thread in your server. Approve or deny in one click, and an approved appeal lifts the ban automatically.</h4>
          <a href="https://assistance.gg/moderation" 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/notifications.gif" alt="Notifications" class="showcase-img" />
        </div>
        <div class="content">
          <h2>🔔 Notifications <span class="new">New</span></h2>
          <h3>Never miss a stream, upload, or free game</h3>
          <h4>Twitch, Kick, YouTube, RSS and free Epic Games, delivered straight to your server. Pick the channel and the roles to ping for each source.</h4>
          <a href="https://assistance.gg/notifications" 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/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/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;
    }

    /* NEW badge in a feature heading. The colour needs !important to survive the
       global "* { color: white !important; }" rule above. */
    #assistance .new {
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      padding: 3px 8px;
      border-radius: 999px;
      background: rgba(115,220,229,0.15);
      border: 1px solid rgba(115,220,229,0.35);
      color: #73dce5 !important;
    }

    #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, done right • #1 Leveling • Ban Appeals • Analytics • Automod • Logs • Temp Voice • Reaction Roles • Welcomer • Twitch, YT, Kick

Assistance Support

 Official Assistance Bot Discord Server 🔹

Missing Discord Bots and Apps

Discord Bots

Assistance

All-In-One, done right • #1 Leveling • Ban Appeals • Analytics • Automod • Logs • Temp Voice • Reaction Roles • Welcomer • Twitch, YT, Kick

All-In-One, done right • #1 Leveling • Ban Appeals • Analytics • Automod • Logs • Temp Voice • Reaction Roles • Welcomer • Twitch, YT, Kick

Erensi Leveling

MOST ADVANCED LEVELING BOT ✨ Text & Voice XP • Role Rewards • Custom Rank & Bar Backgrounds • XP Boosters • Anti-AFK System • Spam-resistant

MOST ADVANCED LEVELING BOT ✨ Text & Voice XP • Role Rewards • Custom Rank & Bar Backgrounds • XP Boosters • Anti-AFK System • Spam-resistant

Crytx

Elevate your community with advanced leveling, fully animated rank cards, interactive UI menus, and powerful server moderation.

Elevate your community with advanced leveling, fully animated rank cards, interactive UI menus, and powerful server moderation.

RuleKeeper

One of the most advanced multi-purpose Discord bots currently available.

One of the most advanced multi-purpose Discord bots currently available.

KKG Multiverse

Tactical emoji battles, co-op & PVE & PvP — play right in Discord channels. One bot, infinite mini-games. 🌌

Tactical emoji battles, co-op & PVE & PvP — play right in Discord channels. One bot, infinite mini-games. 🌌

Orbital

A powerful moderation bot.

A powerful moderation bot.

Dayla

Quieres tener un bot que haga todo el trabajo en uno? Dayla es para ti!

Quieres tener un bot que haga todo el trabajo en uno? Dayla es para ti!

FiveStack

Instantly organize League 5-stacks! Role selection, time scheduling & auto-notifications. Stop the LFG spam, start winning!

Instantly organize League 5-stacks! Role selection, time scheduling & auto-notifications. Stop the LFG spam, start winning!

Jupiter

🚀 Jupiter (BETA) – Your all-in-one Discord bot!

🚀 Jupiter (BETA) – Your all-in-one Discord bot!

| 𝗤𝘂𝗮𝗻𝘁 |

This bot gives you best music experience...

This bot gives you best music experience...

Chippy

Community driven & 100% free gambling experience

Community driven & 100% free gambling experience

Ignix

💠 IGNIX Arena – Where Competition Meets Reward.

💠 IGNIX Arena – Where Competition Meets Reward.

Filters

Sorting

Categories

Languages

Reviews

Total Invites