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

Ease

Enhance A Server Easily - EASE, a multipurpose bot for moderation, logs, embeds, etc..

Enhance A Server Easily - EASE, a multipurpose bot for moderation, logs, embeds, etc..

Mine

Hi, My name is Mine. My Prefix is m# . Feature? = Anime Commands, Fun Commands, Utility Commands, Admin Commands.

Hi, My name is Mine. My Prefix is m# . Feature? = Anime Commands, Fun Commands, Utility Commands, Admin Commands.

FiresideBOT

Playlists | Role Reactions | Twich Live Autoposter | Leveling | Economy | Logging | Custom Commands & More!

Playlists | Role Reactions | Twich Live Autoposter | Leveling | Economy | Logging | Custom Commands & More!

Pepe Music

Pepe Music is a fun music bot which was made as a method to experiment, now has high quality sound.

Pepe Music is a fun music bot which was made as a method to experiment, now has high quality sound.

Moderator

Moderation And Utility | Starboard, Messages, And lots more!

Moderation And Utility | Starboard, Messages, And lots more!

Jibryl

Jibryl is a discord bot which lets you have a fully customisable profile on discord and collect Waifu / Husbando cards!

Jibryl is a discord bot which lets you have a fully customisable profile on discord and collect Waifu / Husbando cards!

Pokédoof

Catch every pokemon, trade/sell for currency, level up you pokemon by catching other pokemon and evolve them!

Catch every pokemon, trade/sell for currency, level up you pokemon by catching other pokemon and evolve them!

BEATRiX

İ am Beatrix, a lofı radio and music bot. My productivity cmds will help you. İnvite me to listen unlimited Lofi music 24/7 for free.

İ am Beatrix, a lofı radio and music bot. My productivity cmds will help you. İnvite me to listen unlimited Lofi music 24/7 for free.

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

Tanjiro Music

Hello!! I'm Tanjiro.I have alot of commands like fun, image, info, music etc...

Hello!! I'm Tanjiro.I have alot of commands like fun, image, info, music etc...

Filter

Sortieren

Kategorien

Sprachen

Bewertungen

Einladungen insgesamt