Update website pages to reflect tiered access model

Enhance aethex-bot/public/features.html and aethex-bot/public/pricing.html to visually represent the new tiered access model, including new CSS classes and HTML structures for feature and pricing tiers.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: aed2e46d-25bb-4b73-81a1-bb9e8437c261
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 2a86983c-e30b-45e7-9e22-2dbba25711c1
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3bdfff67-975a-46ad-9845-fbb6b4a4c4b5/aed2e46d-25bb-4b73-81a1-bb9e8437c261/W0QYEBv
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sirpiglr 2025-12-15 04:22:22 +00:00
parent 48fd51e3e4
commit 499703baef
2 changed files with 322 additions and 82 deletions

View file

@ -41,6 +41,8 @@
--gradient-2: #3b82f6;
--gradient-3: #06b6d4;
--success: #10b981;
--federation: #3b82f6;
--premium: #a855f7;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
@ -173,6 +175,31 @@
margin: 0 auto;
}
.tier-legend {
display: flex;
justify-content: center;
gap: 1.5rem;
margin-top: 1.5rem;
flex-wrap: wrap;
}
.tier-legend-item {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.85rem;
}
.tier-dot {
width: 12px;
height: 12px;
border-radius: 50%;
}
.tier-dot.free { background: var(--success); }
.tier-dot.federation { background: var(--federation); }
.tier-dot.premium { background: var(--premium); }
.tabs-container {
margin-bottom: 4rem;
}
@ -202,6 +229,7 @@
display: flex;
align-items: center;
gap: 0.5rem;
font-family: inherit;
}
.tab:hover {
@ -240,6 +268,7 @@
border-radius: 16px;
padding: 1.75rem;
transition: all 0.3s;
position: relative;
}
.feature-card:hover {
@ -247,6 +276,41 @@
transform: translateY(-3px);
}
.feature-card.federation-feature {
border-color: rgba(59, 130, 246, 0.3);
}
.feature-card.premium-feature {
border-color: rgba(168, 85, 247, 0.3);
}
.feature-tier-badge {
position: absolute;
top: 1rem;
right: 1rem;
padding: 0.2rem 0.6rem;
border-radius: 100px;
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.feature-tier-badge.free {
background: rgba(16, 185, 129, 0.2);
color: var(--success);
}
.feature-tier-badge.federation {
background: rgba(59, 130, 246, 0.2);
color: var(--federation);
}
.feature-tier-badge.premium {
background: rgba(168, 85, 247, 0.2);
color: var(--premium);
}
.feature-icon {
width: 48px;
height: 48px;
@ -299,6 +363,7 @@
.nav-links { display: none; }
.tabs { flex-direction: column; }
.tab { width: 100%; justify-content: center; }
.tier-legend { flex-direction: column; align-items: center; gap: 0.75rem; }
}
</style>
</head>
@ -316,7 +381,8 @@
<a href="/">Home</a>
<a href="/features" class="active">Features</a>
<a href="/commands">Commands</a>
<a href="https://discord.gg/athx" target="_blank">Discord</a>
<a href="/federation">Federation</a>
<a href="/pricing">Pricing</a>
</nav>
<a href="https://discord.com/api/oauth2/authorize?client_id=578971245454950421&permissions=8&scope=bot%20applications.commands" class="btn btn-primary" target="_blank">
@ -333,7 +399,22 @@
<div class="page-header">
<h1>All <span class="text-gradient">Features</span></h1>
<p>Everything Warden offers to power your Discord community. Click a category to explore.</p>
<p>Everything Warden offers to power your Discord community. Features are organized by tier - see what's available at each level.</p>
<div class="tier-legend">
<div class="tier-legend-item">
<div class="tier-dot free"></div>
<span>Free - All Servers</span>
</div>
<div class="tier-legend-item">
<div class="tier-dot federation"></div>
<span>Federation - Verified Servers</span>
</div>
<div class="tier-legend-item">
<div class="tier-dot premium"></div>
<span>Premium - $50/month</span>
</div>
</div>
</div>
<div class="tabs-container">
@ -364,31 +445,37 @@
<div class="tab-content active" id="music">
<div class="features-grid">
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">▶️</div>
<h3>Play Anything</h3>
<p>Play music from YouTube, Spotify, SoundCloud, and Apple Music. Just paste a link or search by name.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">📋</div>
<h3>Queue Management</h3>
<p>Full queue system with add, remove, shuffle, and view. Manage your listening session with ease.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🔊</div>
<h3>Volume Control</h3>
<p>Adjust volume from 0-100%. Fine-tune the listening experience for everyone.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🔁</div>
<h3>Loop Modes</h3>
<p>Loop a single track, the entire queue, or turn looping off. Your music, your way.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">⏭️</div>
<h3>Playback Controls</h3>
<p>Skip, pause, resume, stop - all the controls you need. Full DJ-style management.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎤</div>
<h3>Now Playing</h3>
<p>See what's playing with progress bar, thumbnail, and track info. Beautiful embeds.</p>
@ -399,41 +486,49 @@
<div class="tab-content" id="engagement">
<div class="features-grid">
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">📈</div>
<h3>XP & Leveling</h3>
<p>Earn XP from messages, reactions, and voice chat. Configurable curves, cooldowns, and multipliers per channel or role.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon"></div>
<h3>Prestige System</h3>
<p>Reset at Level 50 for permanent XP bonuses. Up to 15% bonus per prestige tier with exclusive badges.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🏆</div>
<h3>Leaderboards</h3>
<p>Weekly, monthly, and all-time rankings. Server-specific and global federation boards.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">📅</div>
<h3>Daily Claims</h3>
<p>Reward daily activity with streak bonuses. Up to +100 XP bonus for consistent activity.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎯</div>
<h3>Quest System</h3>
<p>Daily and weekly challenges with custom objectives. Reward XP, roles, and perks.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎖️</div>
<h3>Achievements</h3>
<p>50+ triggers including levels, messages, voice time, and custom events. Unlock badges.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🛒</div>
<h3>XP Shop</h3>
<p>Let members spend XP on roles, badges, and custom items. Full inventory system.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎉</div>
<h3>Giveaways</h3>
<p>Automated giveaways with level requirements, rerolls, and winner announcements.</p>
@ -443,37 +538,62 @@
<div class="tab-content" id="security">
<div class="features-grid">
<div class="feature-card">
<div class="feature-card federation-feature">
<span class="feature-tier-badge federation">Federation</span>
<div class="feature-icon">🔥</div>
<h3>Sentinel Anti-Nuke</h3>
<p>RAM-based heat tracking detects mass bans, kicks, and deletions. Automatic lockdown and admin alerts.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🤖</div>
<h3>Auto-Moderation</h3>
<p>Configurable filters for links, spam, bad words, invites, and mass mentions. Custom actions per filter.</p>
</div>
<div class="feature-card">
<div class="feature-icon">💾</div>
<h3>Server Backups</h3>
<p>Full server backups with roles, channels, and config. Auto-backup scheduling and one-click restore.</p>
<div class="feature-card federation-feature">
<span class="feature-tier-badge federation">Federation</span>
<div class="feature-icon">🌐</div>
<h3>Cross-Server Ban Sync</h3>
<p>Share ban lists across all federation servers. Critical threats are auto-banned network-wide.</p>
</div>
<div class="feature-card federation-feature">
<span class="feature-tier-badge federation">Federation</span>
<div class="feature-icon"></div>
<h3>Global Reputation</h3>
<p>Track user reputation across all federation servers. Build trust through positive interactions.</p>
</div>
<div class="feature-card premium-feature">
<span class="feature-tier-badge premium">Premium</span>
<div class="feature-icon">🛡️</div>
<h3>All-Severity Protection</h3>
<p>Auto-kick users for Low, Medium, and High severity threats. Maximum protection for your community.</p>
</div>
<div class="feature-card premium-feature">
<span class="feature-tier-badge premium">Premium</span>
<div class="feature-icon">🚨</div>
<h3>Priority Alerts</h3>
<p>Get notified first about new threats. Priority support channel access for rapid response.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">📋</div>
<h3>Mod Tools</h3>
<p>Warn, kick, ban, timeout with full logging. View history and audit trails per user.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon"></div>
<h3>Verification</h3>
<p>Link Discord to AeThex platform accounts. Verified badges and automatic role assignments.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">📝</div>
<h3>Audit Logging</h3>
<p>Track all moderation actions with timestamps, reasons, and moderator info.</p>
</div>
<div class="feature-card">
<div class="feature-card federation-feature">
<span class="feature-tier-badge federation">Federation</span>
<div class="feature-icon">🚫</div>
<h3>Raid Protection</h3>
<p>Detect and respond to coordinated attacks with automatic lockdown modes.</p>
@ -484,31 +604,37 @@
<div class="tab-content" id="fun">
<div class="features-grid">
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎱</div>
<h3>8-Ball & Fortune</h3>
<p>Ask the magic 8-ball questions, flip coins, and roll dice with custom notation like 2d6+5.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🧠</div>
<h3>Trivia</h3>
<p>Multiple categories from science to pop culture. Earn XP for correct answers.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">⚔️</div>
<h3>Duels</h3>
<p>Challenge others to 1v1 battles. Bet XP on the outcome for extra rewards.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎰</div>
<h3>Slot Machine</h3>
<p>Try your luck at slots. Match symbols for XP jackpots and winning streaks.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎲</div>
<h3>Dice Rolling</h3>
<p>Full dice notation support. Roll d20, 3d6+2, or any combination for games.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">😴</div>
<h3>AFK System</h3>
<p>Set yourself as away with a custom message. Auto-notify when mentioned.</p>
@ -519,66 +645,90 @@
<div class="tab-content" id="social">
<div class="features-grid">
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon"></div>
<h3>Reputation</h3>
<p>Give and receive rep points with a 12-hour cooldown. Build your community standing.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🤗</div>
<h3>Social Actions</h3>
<p>Hugs, high-fives, and more with animated GIFs. Express yourself!</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎂</div>
<h3>Birthdays</h3>
<p>Set your birthday, view upcoming celebrations, get special recognition.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon"></div>
<h3>Reminders</h3>
<p>Set personal reminders for any time. Never forget important events.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🌟</div>
<h3>Starboard</h3>
<p>Auto-post highly reacted messages to a showcase channel. Celebrate great content.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">👋</div>
<h3>Welcome System</h3>
<p>Rich embed messages for joins and leaves with dynamic variables.</p>
</div>
<div class="feature-card federation-feature">
<span class="feature-tier-badge federation">Federation</span>
<div class="feature-icon">📂</div>
<h3>Server Directory</h3>
<p>List your server in the federation directory. Discover and connect with other communities.</p>
</div>
<div class="feature-card federation-feature">
<span class="feature-tier-badge federation">Federation</span>
<div class="feature-icon">🔗</div>
<h3>Cross-Server Roles</h3>
<p>Sync roles across federation servers. Unified identity across the network.</p>
</div>
</div>
</div>
<div class="tab-content" id="economy">
<div class="features-grid">
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">💼</div>
<h3>Work System</h3>
<p>Work hourly for XP rewards. Different jobs with varying payouts.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🏦</div>
<h3>Heists</h3>
<p>Team up for group heists. Higher risk, higher rewards. Strategy matters.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎁</div>
<h3>Gifting</h3>
<p>Gift XP to friends and community members. Spread the wealth.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🔄</div>
<h3>Trading</h3>
<p>Trade items between users. Full inventory system with secure trades.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎒</div>
<h3>Inventory</h3>
<p>Collect items, badges, and rewards. View and manage your collection.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🏪</div>
<h3>Server Shop</h3>
<p>Admins configure items for sale. Roles, boosts, and custom rewards.</p>
@ -589,31 +739,37 @@
<div class="tab-content" id="utility">
<div class="features-grid">
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🌐</div>
<h3>Translation</h3>
<p>Translate text between 100+ languages instantly. Break language barriers.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">📖</div>
<h3>Dictionary</h3>
<p>Look up word definitions, synonyms, and usage examples.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🔢</div>
<h3>Calculator</h3>
<p>Safe math expression evaluator. Complex calculations made easy.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">📱</div>
<h3>QR Codes</h3>
<p>Generate QR codes for any text or URL. Share links instantly.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">🎨</div>
<h3>Color Info</h3>
<p>View hex, RGB, and HSL values with a color preview swatch.</p>
</div>
<div class="feature-card">
<span class="feature-tier-badge free">Free</span>
<div class="feature-icon">👤</div>
<h3>User Info</h3>
<p>Detailed user profiles with join dates, roles, and activity stats.</p>
@ -625,7 +781,7 @@
<footer>
<div class="container">
<p>&copy; 2025 AeThex. Free forever, community powered.</p>
<p>&copy; 2025 AeThex. Free forever, community powered. <a href="/pricing" style="color: var(--primary-light);">View Pricing</a></p>
</div>
</footer>

View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pricing - AeThex | Warden - Discord Bot</title>
<meta name="description" content="Warden is free forever for all core features. Premium options available for servers that need extra protection or visibility. Simple, transparent pricing.">
<meta name="description" content="Warden is free forever for all core features. Join the Federation for advanced protection, or upgrade to Premium for maximum security.">
<meta name="keywords" content="Discord bot pricing, free Discord bot, premium Discord bot, federation pricing, Discord moderation pricing">
<meta name="author" content="AeThex">
<meta name="robots" content="index, follow">
@ -13,14 +13,14 @@
<meta property="og:type" content="website">
<meta property="og:url" content="https://bot.aethex.dev/pricing">
<meta property="og:title" content="Pricing - AeThex | Warden - Discord Bot">
<meta property="og:description" content="Warden is free forever for all core features. Premium options available for servers that need extra protection or visibility.">
<meta property="og:description" content="Warden is free forever for all core features. Join the Federation for advanced protection.">
<meta property="og:image" content="https://bot.aethex.dev/og-image.png">
<meta property="og:site_name" content="AeThex Warden">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://bot.aethex.dev/pricing">
<meta name="twitter:title" content="Pricing - AeThex | Warden - Discord Bot">
<meta name="twitter:description" content="Warden is free forever for all core features. Premium options available for servers that need extra protection.">
<meta name="twitter:description" content="Warden is free forever for all core features. Join the Federation for advanced protection.">
<meta name="twitter:image" content="https://bot.aethex.dev/og-image.png">
<meta name="theme-color" content="#6366f1">
@ -39,6 +39,8 @@
--border: rgba(51, 65, 85, 0.5);
--success: #10b981;
--warning: #f59e0b;
--federation: #3b82f6;
--premium: #a855f7;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
@ -150,6 +152,16 @@
color: var(--foreground);
}
.btn-federation {
background: linear-gradient(135deg, var(--federation), #0ea5e9);
color: white;
}
.btn-premium {
background: linear-gradient(135deg, var(--premium), #ec4899);
color: white;
}
.hero {
padding: 4rem 0 2rem;
text-align: center;
@ -195,13 +207,17 @@
.pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
max-width: 1100px;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 900px) {
@media (max-width: 1100px) {
.pricing-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
.pricing-grid { grid-template-columns: 1fr; max-width: 400px; }
.hero h1 { font-size: 2rem; }
.nav-links { display: none; }
@ -211,7 +227,7 @@
background: var(--card);
border: 1px solid var(--card-border);
border-radius: 16px;
padding: 2rem;
padding: 1.75rem;
display: flex;
flex-direction: column;
transition: all 0.3s;
@ -229,7 +245,7 @@
}
.pricing-card.featured::before {
content: 'MOST POPULAR';
content: 'RECOMMENDED';
position: absolute;
top: -12px;
left: 50%;
@ -243,8 +259,33 @@
letter-spacing: 0.5px;
}
.pricing-card.federation-tier {
border-color: var(--federation);
}
.pricing-card.premium-tier {
border-color: var(--premium);
}
.tier-badge {
display: inline-block;
padding: 0.25rem 0.75rem;
border-radius: 100px;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 0.75rem;
text-align: center;
}
.tier-badge.free { background: rgba(16, 185, 129, 0.2); color: var(--success); }
.tier-badge.federation { background: rgba(59, 130, 246, 0.2); color: var(--federation); }
.tier-badge.premium { background: rgba(168, 85, 247, 0.2); color: var(--premium); }
.tier-badge.promo { background: rgba(245, 158, 11, 0.2); color: var(--warning); }
.pricing-card h3 {
font-size: 1.5rem;
font-size: 1.35rem;
font-weight: 700;
text-align: center;
margin-bottom: 0.5rem;
@ -252,11 +293,11 @@
.pricing-price {
text-align: center;
margin-bottom: 1rem;
margin-bottom: 0.75rem;
}
.pricing-price .amount {
font-size: 3rem;
font-size: 2.5rem;
font-weight: 800;
background: linear-gradient(135deg, var(--foreground), var(--muted));
-webkit-background-clip: text;
@ -266,29 +307,29 @@
.pricing-price .period {
color: var(--muted);
font-size: 0.9rem;
font-size: 0.85rem;
}
.pricing-description {
text-align: center;
color: var(--muted);
font-size: 0.9rem;
margin-bottom: 1.5rem;
min-height: 40px;
font-size: 0.85rem;
margin-bottom: 1.25rem;
min-height: 36px;
}
.pricing-features {
list-style: none;
margin-bottom: 2rem;
margin-bottom: 1.5rem;
flex-grow: 1;
}
.pricing-features li {
display: flex;
align-items: flex-start;
gap: 0.75rem;
margin-bottom: 0.75rem;
font-size: 0.9rem;
gap: 0.6rem;
margin-bottom: 0.6rem;
font-size: 0.85rem;
}
.pricing-features li .check {
@ -297,19 +338,14 @@
flex-shrink: 0;
}
.pricing-features li.disabled {
color: var(--muted);
text-decoration: line-through;
opacity: 0.6;
}
.pricing-features li.disabled .check {
color: var(--muted);
.pricing-features li.highlight {
color: var(--primary-light);
font-weight: 500;
}
.pricing-cta {
width: 100%;
padding: 0.875rem;
padding: 0.75rem;
text-align: center;
}
@ -333,9 +369,10 @@
}
.comparison-table th, .comparison-table td {
padding: 1rem 1.5rem;
padding: 0.875rem 1rem;
text-align: left;
border-bottom: 1px solid var(--border);
font-size: 0.9rem;
}
.comparison-table th {
@ -353,6 +390,7 @@
.check-icon { color: var(--success); }
.cross-icon { color: var(--muted); opacity: 0.5; }
.alert-icon { color: var(--warning); }
.faq-section {
padding: 4rem 0;
@ -472,7 +510,7 @@
<section class="hero">
<div class="container">
<h1>Simple, <span class="text-gradient">Transparent</span> Pricing</h1>
<p>Warden is free forever for all core features. Premium options available for servers that need extra protection or visibility.</p>
<p>Four tiers designed for every community. Start free, grow with the Federation, and upgrade when you need maximum protection.</p>
<div class="free-badge">
<span>&#10003;</span>
Free Forever - No credit card required
@ -484,6 +522,7 @@
<div class="container">
<div class="pricing-grid">
<div class="pricing-card">
<div class="tier-badge free">Free Tier</div>
<h3>Free</h3>
<div class="pricing-price">
<span class="amount">$0</span>
@ -491,22 +530,43 @@
</div>
<p class="pricing-description">Everything you need for a great community</p>
<ul class="pricing-features">
<li><span class="check">&#10003;</span> Unified XP & Leveling system</li>
<li><span class="check">&#10003;</span> Unified XP & Leveling</li>
<li><span class="check">&#10003;</span> Prestige system (up to P10)</li>
<li><span class="check">&#10003;</span> Achievements & Quests</li>
<li><span class="check">&#10003;</span> Shop & Economy features</li>
<li><span class="check">&#10003;</span> Shop & Economy</li>
<li><span class="check">&#10003;</span> Music Player (all sources)</li>
<li><span class="check">&#10003;</span> Welcome/Goodbye messages</li>
<li><span class="check">&#10003;</span> Role panels & Giveaways</li>
<li><span class="check">&#10003;</span> Sentinel anti-nuke protection</li>
<li><span class="check">&#10003;</span> Auto-moderation tools</li>
<li><span class="check">&#10003;</span> Federation: Critical threat auto-bans</li>
<li><span class="check">&#10003;</span> Server directory listing</li>
<li><span class="check">&#10003;</span> Cross-server reputation</li>
<li><span class="check">&#10003;</span> Basic moderation tools</li>
<li><span class="check">&#10003;</span> Polls & Embeds</li>
</ul>
<a href="https://discord.com/api/oauth2/authorize?client_id=578971245454950421&permissions=8&scope=bot%20applications.commands" class="btn btn-secondary pricing-cta" target="_blank">Add Warden Free</a>
</div>
<div class="pricing-card featured">
<div class="pricing-card federation-tier featured">
<div class="tier-badge federation">Federation Tier</div>
<h3>Federation</h3>
<div class="pricing-price">
<span class="amount">$0</span>
<span class="period">verified servers</span>
</div>
<p class="pricing-description">Advanced protection for verified communities</p>
<ul class="pricing-features">
<li class="highlight"><span class="check">&#10003;</span> Everything in Free, plus:</li>
<li><span class="check">&#10003;</span> Cross-server ban sync</li>
<li><span class="check">&#10003;</span> Critical threat auto-bans</li>
<li><span class="check">&#10003;</span> Sentinel anti-nuke protection</li>
<li><span class="check">&#10003;</span> Global reputation tracking</li>
<li><span class="check">&#10003;</span> Trust level progression</li>
<li><span class="check">&#10003;</span> Server directory listing</li>
<li><span class="check">&#10003;</span> Cross-server role sync</li>
<li><span class="check">&#10003;</span> Federation dashboard</li>
</ul>
<a href="/federation" class="btn btn-federation pricing-cta">Apply to Join</a>
</div>
<div class="pricing-card premium-tier">
<div class="tier-badge premium">Premium Tier</div>
<h3>Premium</h3>
<div class="pricing-price">
<span class="amount">$50</span>
@ -514,20 +574,20 @@
</div>
<p class="pricing-description">Maximum protection for serious communities</p>
<ul class="pricing-features">
<li><span class="check">&#10003;</span> Everything in Free, plus:</li>
<li class="highlight"><span class="check">&#10003;</span> Everything in Federation, plus:</li>
<li><span class="check">&#10003;</span> <strong>All-severity</strong> threat protection</li>
<li><span class="check">&#10003;</span> Auto-kick for Low/Medium threats</li>
<li><span class="check">&#10003;</span> Auto-kick Low/Medium threats</li>
<li><span class="check">&#10003;</span> Priority federation alerts</li>
<li><span class="check">&#10003;</span> Extended ban history access</li>
<li><span class="check">&#10003;</span> Premium server badge</li>
<li><span class="check">&#10003;</span> Priority support</li>
<li><span class="check">&#10003;</span> Custom alert channels</li>
<li><span class="check">&#10003;</span> Advanced threat analytics</li>
</ul>
<a href="/federation" class="btn btn-primary pricing-cta">Upgrade to Premium</a>
<a href="/federation" class="btn btn-premium pricing-cta">Upgrade to Premium</a>
</div>
<div class="pricing-card">
<div class="tier-badge promo">Promotion</div>
<h3>Featured Slot</h3>
<div class="pricing-price">
<span class="amount">$200</span>
@ -558,62 +618,86 @@
<tr>
<th>Feature</th>
<th>Free</th>
<th>Federation</th>
<th>Premium</th>
</tr>
</thead>
<tbody>
<tr>
<td>XP & Leveling System</td>
<td>XP, Leveling & Prestige</td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Prestige System</td>
<td>Achievements, Quests & Shop</td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Achievements & Quests</td>
<td>Music Player (all sources)</td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Economy & Shop</td>
<td>Basic Moderation Tools</td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Sentinel Anti-Nuke</td>
<td>Welcome/Goodbye & Role Panels</td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Auto-Moderation</td>
<td>Cross-Server Ban Sync</td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Critical Threat Protection</td>
<td>Critical Threat Auto-Bans</td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Low/Medium Threat Protection</td>
<td>Sentinel Anti-Nuke Protection</td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Global Reputation Network</td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Server Directory Listing</td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="check-icon">&#10003;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Low/Medium Threat Auto-Kick</td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="alert-icon">Alert Only</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Priority Alerts & Support</td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Priority Alerts</td>
<td>Premium Server Badge</td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Premium Badge</td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
<tr>
<td>Priority Support</td>
<td><span class="cross-icon">&#10007;</span></td>
<td><span class="check-icon">&#10003;</span></td>
</tr>
@ -628,28 +712,28 @@
<div class="faq-grid">
<div class="faq-item">
<h4>Is Warden really free forever?</h4>
<p>Yes! All core features including XP, leveling, moderation, and critical threat protection are completely free with no time limits or hidden costs.</p>
<p>Yes! All core features including XP, leveling, music, achievements, quests, and basic moderation are completely free with no time limits.</p>
</div>
<div class="faq-item">
<h4>What is the Federation tier?</h4>
<p>Federation is a network of verified servers that share ban lists and reputation data. Apply with /federation apply and get approved to unlock cross-server protection for free.</p>
</div>
<div class="faq-item">
<h4>What's the difference in protection levels?</h4>
<p>Free tier auto-bans critical threats (the most dangerous). Premium adds auto-kick for low/medium severity threats for paranoid admins who want extra security.</p>
<p>Free gets basic moderation. Federation auto-bans critical threats. Premium adds auto-kick for ALL severity levels - low, medium, high, and critical.</p>
</div>
<div class="faq-item">
<h4>How do I join the Federation?</h4>
<p>Use the /federation apply command in your server. Our team reviews applications and approves servers that meet community standards.</p>
</div>
<div class="faq-item">
<h4>Can I cancel Premium anytime?</h4>
<p>Absolutely. Cancel anytime and you'll retain Premium until the end of your billing period. You'll then revert to Free tier automatically.</p>
<p>Absolutely. Cancel anytime and you'll retain Premium until the end of your billing period. You'll then revert to Federation tier automatically.</p>
</div>
<div class="faq-item">
<h4>What is a Featured Slot?</h4>
<p>Featured Slots promote your server across all federation member servers. Great for growing communities looking to attract new members.</p>
</div>
<div class="faq-item">
<h4>Do I need Premium to use the Federation?</h4>
<p>No! Federation membership is free. Premium just adds extra protection layers. All servers can join and benefit from the shared ban list.</p>
</div>
<div class="faq-item">
<h4>How do payments work?</h4>
<p>We use Stripe for secure payments. Premium is billed monthly, Featured Slots are billed weekly. All major credit cards accepted.</p>
</div>
</div>
</div>
</section>
@ -658,7 +742,7 @@
<div class="container">
<div class="cta-box">
<h2>Ready to Get Started?</h2>
<p>Add Warden to your server now. Free forever, upgrade when you need it.</p>
<p>Add Warden to your server now. Free forever, apply for Federation when you're ready, upgrade when you need it.</p>
<a href="https://discord.com/api/oauth2/authorize?client_id=578971245454950421&permissions=8&scope=bot%20applications.commands" class="btn btn-primary" target="_blank">Add Warden Free</a>
</div>
</div>