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>
#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;
  color: white;
  padding: 0 16px;
}

/* ===== 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: 4.5rem;
  font-weight: 800;
  line-height: 1;
  background: linear-gradient(135deg, #ffffff 0%, #73dce5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 20px;
  border-bottom: 0;
}

#assistance .hero-desc {
  font-size: 1.1rem;
  line-height: 1.7;
  color: rgb(156, 163, 175);
  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.8rem;
  font-weight: 500;
  color: rgba(255,255,255,0.75);
}

#assistance .hero-btn {
  max-width: 280px;
  margin: 0 auto;
  font-size: 1.1rem;
  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: 0.9rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  border-bottom: 0;
}

#assistance .feature h3 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  border-bottom: 0;
}

#assistance .feature h4 {
  font-size: 1.05rem;
  line-height: 1.7;
  font-weight: 400;
  color: rgb(156, 163, 175);
  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: 1rem;
  font-weight: 600;
  background: #73dce5;
  color: #000;
  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;
  border: 1px solid rgba(115,220,229,0.4);
  color: #73dce5;
}

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

#assistance .btn-outline:hover {
  background: rgba(115,220,229,0.08);
  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.25rem;
  font-weight: 700;
  margin-bottom: 12px;
  border-bottom: 0;
}

#assistance .cta p {
  font-size: 1.05rem;
  color: rgb(156, 163, 175);
  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

Bot và ứng dụng Leveling cho Discord

Bot cho Discord

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

BATTLE TV

Hallo. Das ist BATTLE TV, ein Bot der gleich mehrere andere Bots ersetzt. Er hat viele Funktionen mit denen er andere Bots ersetzen kann.

Hallo. Das ist BATTLE TV, ein Bot der gleich mehrere andere Bots ersetzt. Er hat viele Funktionen mit denen er andere Bots ersetzen kann.

SailRPG

SailRPG is the most addicting, fun, engaging adventure bot on Discord.

SailRPG is the most addicting, fun, engaging adventure bot on Discord.

X Meme

X Meme is a currency game with mini-games.

X Meme is a currency game with mini-games.

CG Bot

Apenas mais um bot do discord :>

Apenas mais um bot do discord :>

RawiBot

Admin Bot , Level system , Log system , Music .

Admin Bot , Level system , Log system , Music .

TechnoBot

Multi-purpose bot with customizable leveling, economy, starboard, music, moderation, fun/utility commands, and so much more!

Multi-purpose bot with customizable leveling, economy, starboard, music, moderation, fun/utility commands, and so much more!

PokeTech.io

A discord bot to catch pokemon. Try to complete your pokedex with all generation

A discord bot to catch pokemon. Try to complete your pokedex with all generation

Amethyst 🔮

You need a free good bot we got you!

You need a free good bot we got you!

AkumiBot

Милая и удобная бот Akumi может пожить на вашем сервере

Милая и удобная бот Akumi может пожить на вашем сервере

Server Manager

Server Manager makes servers more secure and improves entertainment for server members.

Server Manager makes servers more secure and improves entertainment for server members.

Lọc

Sắp xếp theo

Danh mục

Ngôn ngữ

Nhận xét

Tổng lượt mời