Record and share game clips!

<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

Discord-Bots

BLC MOD™

A Feature Rich Bot With Exclusive Command Of Guess The Number and Google Form Like Application, Logging, Moderation Commands and more

A Feature Rich Bot With Exclusive Command Of Guess The Number and Google Form Like Application, Logging, Moderation Commands and more

Cringe Bot

A bot that allows you to see how many users have cringey usernames in your server.

A bot that allows you to see how many users have cringey usernames in your server.

SFW Bot

AI moderation that keeps NSFW content out of your Discord server so your mods can actually sleep

AI moderation that keeps NSFW content out of your Discord server so your mods can actually sleep

XenFM

24/7 Radio | Music on demand | Voice Recording | Emoji Management | Voice Activity Tracker | 12+ stations with over 1k+ songs!

24/7 Radio | Music on demand | Voice Recording | Emoji Management | Voice Activity Tracker | 12+ stations with over 1k+ songs!

SanatanBot

A Discord bot to query a majority of Hinduism books and read them.

A Discord bot to query a majority of Hinduism books and read them.

Fit Streaks

A motivational fitness bot for discord! Send streaks of your progress, claim stars to get roles and start a new journey to a new you!

A motivational fitness bot for discord! Send streaks of your progress, claim stars to get roles and start a new journey to a new you!

RaveFM

RaveFM radio bot, Stream our station to your discord server!

RaveFM radio bot, Stream our station to your discord server!

Rusty Bot

A Rust bot that includes economy, destruction, crafting, refining, smelting, news, server wipes, gambling and optional server moderation.

A Rust bot that includes economy, destruction, crafting, refining, smelting, news, server wipes, gambling and optional server moderation.

HyFM.us

Listen to non-stop music with lossless audio, choose from nine stations and set your bot the way you like it. 💜

Listen to non-stop music with lossless audio, choose from nine stations and set your bot the way you like it. 💜

GoatBot

GoatBot is a multipurpose Discord bot with fun commands, great uptime, meme generation, and a web panel!

GoatBot is a multipurpose Discord bot with fun commands, great uptime, meme generation, and a web panel!

Filter

Sortieren

Kategorien

Sprachen

Bewertungen

Einladungen insgesamt