diff --git a/aethex-bot/public/index.html b/aethex-bot/public/index.html
index 2ae95b4..3cc6eb7 100644
--- a/aethex-bot/public/index.html
+++ b/aethex-bot/public/index.html
@@ -6,45 +6,56 @@
   <title>AeThex Bot - Level Up Your Discord Server</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Source+Code+Pro:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
   <style>
     :root {
-      --background: hsl(220, 50%, 4%);
-      --foreground: hsl(210, 20%, 98%);
-      --card: hsl(220, 50%, 6%);
-      --card-foreground: hsl(210, 20%, 98%);
-      --primary: hsl(220, 100%, 60%);
-      --primary-foreground: hsl(210, 20%, 98%);
-      --secondary: hsl(220, 30%, 15%);
-      --muted: hsl(220, 30%, 15%);
-      --muted-foreground: hsl(215, 15%, 65%);
-      --border: hsl(220, 30%, 20%);
-      --aethex-400: hsl(220, 100%, 75%);
-      --aethex-500: hsl(220, 100%, 65%);
-      --aethex-600: hsl(220, 100%, 55%);
-      --neon-blue: hsl(210, 100%, 70%);
-      --neon-cyan: hsl(190, 100%, 70%);
-      --neon-purple: hsl(270, 100%, 70%);
+      --background: #030712;
+      --foreground: #f8fafc;
+      --card: rgba(15, 23, 42, 0.6);
+      --card-border: rgba(99, 102, 241, 0.15);
+      --card-border-hover: rgba(99, 102, 241, 0.4);
+      --primary: #6366f1;
+      --primary-light: #818cf8;
+      --secondary: rgba(30, 41, 59, 0.5);
+      --muted: #64748b;
+      --border: rgba(51, 65, 85, 0.5);
+      --gradient-1: #6366f1;
+      --gradient-2: #3b82f6;
+      --gradient-3: #06b6d4;
+      --success: #10b981;
+      --warning: #f59e0b;
     }
     
-    * {
-      margin: 0;
-      padding: 0;
-      box-sizing: border-box;
-    }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
     
     body {
-      font-family: 'Fira Code', 'Source Code Pro', monospace;
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
       background: var(--background);
       color: var(--foreground);
       min-height: 100vh;
       overflow-x: hidden;
+      line-height: 1.6;
     }
     
-    .wallpaper {
+    .bg-grid {
       position: fixed;
       inset: 0;
-      background-image: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(96, 165, 250, 0.05) 100%);
+      background-image: 
+        linear-gradient(rgba(99, 102, 241, 0.03) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(99, 102, 241, 0.03) 1px, transparent 1px);
+      background-size: 64px 64px;
+      pointer-events: none;
+      z-index: -2;
+    }
+    
+    .bg-glow {
+      position: fixed;
+      top: -50%;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 150%;
+      height: 100%;
+      background: radial-gradient(ellipse at center, rgba(99, 102, 241, 0.15) 0%, transparent 60%);
       pointer-events: none;
       z-index: -1;
     }
@@ -58,11 +69,10 @@
     header {
       position: sticky;
       top: 0;
-      z-index: 50;
-      background: rgba(10, 10, 20, 0.95);
-      backdrop-filter: blur(12px);
-      border-bottom: 2px solid var(--aethex-500);
-      box-shadow: 0 8px 32px rgba(139, 92, 246, 0.15);
+      z-index: 100;
+      background: rgba(3, 7, 18, 0.8);
+      backdrop-filter: blur(20px);
+      border-bottom: 1px solid var(--border);
     }
     
     .header-content {
@@ -81,36 +91,36 @@
     }
     
     .logo-icon {
-      width: 40px;
-      height: 40px;
-      background: linear-gradient(135deg, var(--aethex-500), var(--neon-blue));
-      border-radius: 10px;
+      width: 36px;
+      height: 36px;
+      background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2));
+      border-radius: 8px;
       display: flex;
       align-items: center;
       justify-content: center;
       font-weight: 700;
-      font-size: 1.25rem;
+      font-size: 1rem;
     }
     
     .logo-text {
-      font-size: 1.5rem;
+      font-size: 1.25rem;
       font-weight: 700;
-      background: linear-gradient(to right, var(--aethex-400), var(--neon-blue), var(--aethex-600));
+      background: linear-gradient(135deg, var(--foreground), var(--muted));
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
-      background-clip: text;
     }
     
     .nav-links {
       display: flex;
-      gap: 2rem;
+      gap: 2.5rem;
       align-items: center;
     }
     
     .nav-links a {
-      color: var(--muted-foreground);
+      color: var(--muted);
       text-decoration: none;
       font-weight: 500;
+      font-size: 0.9rem;
       transition: color 0.2s;
     }
     
@@ -126,53 +136,65 @@
       border-radius: 8px;
       font-weight: 600;
       text-decoration: none;
-      transition: all 0.3s;
+      transition: all 0.2s;
       border: none;
       cursor: pointer;
       font-size: 0.875rem;
     }
     
     .btn-primary {
-      background: linear-gradient(135deg, var(--aethex-500), var(--neon-blue));
+      background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2));
       color: white;
-      box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
     }
     
     .btn-primary:hover {
-      transform: translateY(-2px);
-      box-shadow: 0 0 30px rgba(139, 92, 246, 0.5);
+      transform: translateY(-1px);
+      box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
     }
     
-    .btn-outline {
-      background: transparent;
+    .btn-secondary {
+      background: var(--secondary);
       border: 1px solid var(--border);
       color: var(--foreground);
     }
     
-    .btn-outline:hover {
-      background: var(--secondary);
-      border-color: var(--aethex-500);
+    .btn-secondary:hover {
+      background: rgba(51, 65, 85, 0.5);
+      border-color: var(--primary);
     }
     
     .hero {
-      padding: 6rem 0;
+      padding: 8rem 0 6rem;
       text-align: center;
     }
     
+    .hero-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.5rem 1rem;
+      background: rgba(99, 102, 241, 0.1);
+      border: 1px solid rgba(99, 102, 241, 0.3);
+      border-radius: 9999px;
+      font-size: 0.8rem;
+      color: var(--primary-light);
+      margin-bottom: 2rem;
+    }
+    
     .hero h1 {
-      font-size: clamp(2.5rem, 5vw, 4rem);
-      font-weight: 700;
+      font-size: clamp(2.5rem, 6vw, 4.5rem);
+      font-weight: 800;
       margin-bottom: 1.5rem;
       line-height: 1.1;
+      letter-spacing: -0.02em;
     }
     
     .text-gradient {
-      background: linear-gradient(to right, var(--aethex-400), var(--neon-blue), var(--aethex-600));
+      background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2), var(--gradient-3));
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
-      background-clip: text;
       background-size: 200% 200%;
-      animation: gradient-shift 3s ease-in-out infinite;
+      animation: gradient-shift 4s ease-in-out infinite;
     }
     
     @keyframes gradient-shift {
@@ -180,11 +202,12 @@
       50% { background-position: 100% 50%; }
     }
     
-    .hero p {
+    .hero-subtitle {
       font-size: 1.25rem;
-      color: var(--muted-foreground);
-      max-width: 600px;
+      color: var(--muted);
+      max-width: 640px;
       margin: 0 auto 2.5rem;
+      font-weight: 400;
     }
     
     .hero-buttons {
@@ -194,216 +217,372 @@
       flex-wrap: wrap;
     }
     
-    .stats-bar {
-      display: flex;
-      justify-content: center;
-      gap: 3rem;
-      margin-top: 4rem;
-      flex-wrap: wrap;
+    .stats-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 1.5rem;
+      margin-top: 5rem;
+      max-width: 900px;
+      margin-left: auto;
+      margin-right: auto;
     }
     
-    .stat {
+    .stat-card {
+      background: var(--card);
+      border: 1px solid var(--card-border);
+      border-radius: 16px;
+      padding: 1.5rem;
       text-align: center;
+      backdrop-filter: blur(10px);
+      transition: all 0.3s;
+    }
+    
+    .stat-card:hover {
+      border-color: var(--card-border-hover);
+      transform: translateY(-2px);
     }
     
     .stat-value {
-      font-size: 2.5rem;
+      font-size: 2rem;
       font-weight: 700;
-      color: var(--aethex-400);
+      background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2));
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      margin-bottom: 0.25rem;
     }
     
     .stat-label {
-      color: var(--muted-foreground);
-      font-size: 0.875rem;
-      margin-top: 0.25rem;
+      color: var(--muted);
+      font-size: 0.85rem;
+      font-weight: 500;
     }
     
-    .features {
-      padding: 5rem 0;
+    .section {
+      padding: 6rem 0;
+    }
+    
+    .section-header {
+      text-align: center;
+      margin-bottom: 4rem;
     }
     
     .section-title {
-      text-align: center;
-      font-size: 2rem;
+      font-size: 2.25rem;
       font-weight: 700;
-      margin-bottom: 3rem;
+      margin-bottom: 1rem;
+      letter-spacing: -0.02em;
+    }
+    
+    .section-subtitle {
+      color: var(--muted);
+      font-size: 1.1rem;
+      max-width: 600px;
+      margin: 0 auto;
     }
     
     .features-grid {
       display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+      grid-template-columns: repeat(3, 1fr);
       gap: 1.5rem;
     }
     
     .feature-card {
-      background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(59, 130, 246, 0.05));
-      border: 1px solid rgba(139, 92, 246, 0.2);
+      background: var(--card);
+      border: 1px solid var(--card-border);
       border-radius: 16px;
       padding: 2rem;
       transition: all 0.3s;
+      backdrop-filter: blur(10px);
+      position: relative;
+      overflow: hidden;
+    }
+    
+    .feature-card::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 1px;
+      background: linear-gradient(90deg, transparent, var(--primary), transparent);
+      opacity: 0;
+      transition: opacity 0.3s;
     }
     
     .feature-card:hover {
+      border-color: var(--card-border-hover);
       transform: translateY(-4px);
-      border-color: var(--aethex-500);
-      box-shadow: 0 0 30px rgba(139, 92, 246, 0.2);
+    }
+    
+    .feature-card:hover::before {
+      opacity: 1;
     }
     
     .feature-icon {
       width: 48px;
       height: 48px;
-      background: linear-gradient(135deg, var(--aethex-500), var(--neon-blue));
+      background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(59, 130, 246, 0.1));
+      border: 1px solid rgba(99, 102, 241, 0.3);
       border-radius: 12px;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 1.5rem;
-      margin-bottom: 1rem;
+      margin-bottom: 1.25rem;
     }
     
     .feature-card h3 {
-      font-size: 1.25rem;
+      font-size: 1.1rem;
       font-weight: 600;
       margin-bottom: 0.75rem;
     }
     
     .feature-card p {
-      color: var(--muted-foreground);
+      color: var(--muted);
+      font-size: 0.9rem;
       line-height: 1.6;
     }
     
-    .cta {
-      padding: 5rem 0;
-      text-align: center;
-    }
-    
-    .cta-box {
-      background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.1));
-      border: 1px solid rgba(139, 92, 246, 0.3);
-      border-radius: 24px;
-      padding: 4rem 2rem;
-      max-width: 800px;
-      margin: 0 auto;
-    }
-    
-    .cta h2 {
-      font-size: 2rem;
+    .feature-tag {
+      display: inline-flex;
+      padding: 0.25rem 0.625rem;
+      background: rgba(99, 102, 241, 0.1);
+      border-radius: 6px;
+      font-size: 0.7rem;
+      color: var(--primary-light);
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
       margin-bottom: 1rem;
     }
     
-    .cta p {
-      color: var(--muted-foreground);
+    .hub-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 1.5rem;
+    }
+    
+    .hub-card {
+      background: var(--card);
+      border: 1px solid var(--card-border);
+      border-radius: 16px;
+      padding: 1.75rem;
+      transition: all 0.3s;
+      backdrop-filter: blur(10px);
+      text-decoration: none;
+      color: var(--foreground);
+    }
+    
+    .hub-card:hover {
+      border-color: var(--card-border-hover);
+      transform: translateY(-4px);
+    }
+    
+    .hub-card h3 {
+      font-size: 1rem;
+      font-weight: 600;
+      margin-bottom: 0.5rem;
+    }
+    
+    .hub-card-tags {
+      display: flex;
+      gap: 0.5rem;
+      margin-bottom: 0.75rem;
+    }
+    
+    .hub-tag {
+      padding: 0.25rem 0.5rem;
+      background: rgba(99, 102, 241, 0.1);
+      border-radius: 4px;
+      font-size: 0.7rem;
+      color: var(--primary-light);
+      font-weight: 500;
+    }
+    
+    .hub-card p {
+      color: var(--muted);
+      font-size: 0.85rem;
+      margin-bottom: 1rem;
+    }
+    
+    .hub-card-link {
+      color: var(--primary-light);
+      font-size: 0.85rem;
+      font-weight: 500;
+      display: flex;
+      align-items: center;
+      gap: 0.375rem;
+    }
+    
+    .cta-section {
+      padding: 6rem 0;
+    }
+    
+    .cta-box {
+      background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(59, 130, 246, 0.05));
+      border: 1px solid rgba(99, 102, 241, 0.2);
+      border-radius: 24px;
+      padding: 4rem;
+      text-align: center;
+      position: relative;
+      overflow: hidden;
+    }
+    
+    .cta-box::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 1px;
+      background: linear-gradient(90deg, transparent, var(--primary), transparent);
+    }
+    
+    .cta-box h2 {
+      font-size: 2rem;
+      font-weight: 700;
+      margin-bottom: 1rem;
+      letter-spacing: -0.02em;
+    }
+    
+    .cta-box p {
+      color: var(--muted);
+      font-size: 1.1rem;
       margin-bottom: 2rem;
+      max-width: 500px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+    
+    .cta-features {
+      display: flex;
+      justify-content: center;
+      gap: 2.5rem;
+      margin-bottom: 2.5rem;
+    }
+    
+    .cta-feature {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      color: var(--muted);
+      font-size: 0.9rem;
+    }
+    
+    .cta-feature svg {
+      color: var(--success);
     }
     
     footer {
       border-top: 1px solid var(--border);
       padding: 3rem 0;
-      text-align: center;
-      color: var(--muted-foreground);
+    }
+    
+    .footer-content {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
     }
     
     .footer-links {
       display: flex;
-      justify-content: center;
       gap: 2rem;
-      margin-bottom: 1.5rem;
-      flex-wrap: wrap;
     }
     
     .footer-links a {
-      color: var(--muted-foreground);
+      color: var(--muted);
       text-decoration: none;
+      font-size: 0.9rem;
+      transition: color 0.2s;
     }
     
     .footer-links a:hover {
       color: var(--foreground);
     }
     
-    .loading {
-      display: inline-block;
-      width: 20px;
-      height: 20px;
-      border: 2px solid transparent;
-      border-top-color: currentColor;
-      border-radius: 50%;
-      animation: spin 1s linear infinite;
+    .footer-copy {
+      color: var(--muted);
+      font-size: 0.85rem;
     }
     
-    @keyframes spin {
-      to { transform: rotate(360deg); }
+    @media (max-width: 1024px) {
+      .features-grid { grid-template-columns: repeat(2, 1fr); }
+      .hub-grid { grid-template-columns: repeat(2, 1fr); }
+      .stats-grid { grid-template-columns: repeat(2, 1fr); }
     }
     
     @media (max-width: 768px) {
-      .nav-links {
-        display: none;
-      }
-      
-      .stats-bar {
-        gap: 1.5rem;
-      }
-      
-      .stat-value {
-        font-size: 1.75rem;
-      }
+      .nav-links { display: none; }
+      .features-grid { grid-template-columns: 1fr; }
+      .hub-grid { grid-template-columns: 1fr; }
+      .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
+      .stat-card { padding: 1rem; }
+      .stat-value { font-size: 1.5rem; }
+      .cta-features { flex-direction: column; gap: 1rem; }
+      .cta-box { padding: 2.5rem 1.5rem; }
+      .footer-content { flex-direction: column; gap: 1.5rem; text-align: center; }
     }
   </style>
 </head>
 <body>
-  <div class="wallpaper"></div>
+  <div class="bg-grid"></div>
+  <div class="bg-glow"></div>
   
   <header>
     <div class="container header-content">
       <a href="/" class="logo">
         <div class="logo-icon">A</div>
-        <span class="logo-text">AeThex</span>
+        <span class="logo-text">AeThex Bot</span>
       </a>
       
       <nav class="nav-links">
         <a href="#features">Features</a>
-        <a href="/leaderboard">Leaderboard</a>
+        <a href="#hub">Hub</a>
         <a href="https://discord.gg/athx" target="_blank">Support</a>
       </nav>
       
-      <div class="auth-buttons">
-        <a href="/auth/discord" class="btn btn-primary" id="loginBtn">
-          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"/></svg>
-          Login with Discord
-        </a>
-      </div>
+      <a href="/auth/discord" class="btn btn-primary" id="loginBtn">
+        Sign in with Discord
+      </a>
     </div>
   </header>
   
   <main>
     <section class="hero">
       <div class="container">
+        <div class="hero-badge">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
+          Discord Community Bot
+        </div>
+        
         <h1>Level Up Your<br><span class="text-gradient">Discord Server</span></h1>
-        <p>The ultimate XP, leveling, and community engagement bot. Track progress, earn achievements, complete quests, and unlock rewards.</p>
+        
+        <p class="hero-subtitle">XP tracking, achievements, quests, and shop system. Build an engaged community with powerful leveling mechanics and enterprise-grade security.</p>
         
         <div class="hero-buttons">
-          <a href="https://discord.com/api/oauth2/authorize?client_id=1307534067556167720&permissions=8&scope=bot%20applications.commands" class="btn btn-primary" target="_blank">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
+          <a href="https://discord.com/api/oauth2/authorize?client_id=578971245454950421&permissions=8&scope=bot%20applications.commands" class="btn btn-primary" target="_blank">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
             Add to Server
           </a>
-          <a href="/auth/discord" class="btn btn-outline">
-            View Your Profile
+          <a href="/dashboard" class="btn btn-secondary">
+            View Dashboard
           </a>
         </div>
         
-        <div class="stats-bar" id="statsBar">
-          <div class="stat">
+        <div class="stats-grid" id="statsBar">
+          <div class="stat-card">
             <div class="stat-value" id="serverCount">-</div>
-            <div class="stat-label">Servers</div>
+            <div class="stat-label">Active Servers</div>
           </div>
-          <div class="stat">
+          <div class="stat-card">
             <div class="stat-value" id="userCount">-</div>
-            <div class="stat-label">Users</div>
+            <div class="stat-label">Community Members</div>
           </div>
-          <div class="stat">
+          <div class="stat-card">
             <div class="stat-value" id="commandCount">-</div>
-            <div class="stat-label">Commands</div>
+            <div class="stat-label">Slash Commands</div>
           </div>
-          <div class="stat">
+          <div class="stat-card">
             <div class="stat-value" id="uptimeValue">-</div>
             <div class="stat-label">Uptime</div>
           </div>
@@ -411,74 +590,165 @@
       </div>
     </section>
     
-    <section class="features" id="features">
+    <section class="section" id="hub">
       <div class="container">
-        <h2 class="section-title">Powerful <span class="text-gradient">Features</span></h2>
+        <div class="section-header">
+          <h2 class="section-title">Your <span class="text-gradient">Bot Hub</span></h2>
+          <p class="section-subtitle">Everything you need to manage your server's leveling system in one place</p>
+        </div>
+        
+        <div class="hub-grid">
+          <a href="/dashboard" class="hub-card">
+            <h3>Profile & Stats</h3>
+            <div class="hub-card-tags">
+              <span class="hub-tag">XP</span>
+              <span class="hub-tag">Level</span>
+            </div>
+            <p>View your rank, XP progress, and achievements across all servers</p>
+            <span class="hub-card-link">
+              View Profile
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+            </span>
+          </a>
+          
+          <a href="/dashboard" class="hub-card">
+            <h3>Leaderboards</h3>
+            <div class="hub-card-tags">
+              <span class="hub-tag">Weekly</span>
+              <span class="hub-tag">Monthly</span>
+            </div>
+            <p>See top members and compete for the highest ranks</p>
+            <span class="hub-card-link">
+              View Rankings
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+            </span>
+          </a>
+          
+          <a href="/dashboard" class="hub-card">
+            <h3>Quest Board</h3>
+            <div class="hub-card-tags">
+              <span class="hub-tag">Daily</span>
+              <span class="hub-tag">Challenges</span>
+            </div>
+            <p>Complete quests to earn bonus XP and exclusive rewards</p>
+            <span class="hub-card-link">
+              View Quests
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+            </span>
+          </a>
+          
+          <a href="/dashboard" class="hub-card">
+            <h3>XP Shop</h3>
+            <div class="hub-card-tags">
+              <span class="hub-tag">Roles</span>
+              <span class="hub-tag">Perks</span>
+            </div>
+            <p>Spend your earned XP on custom roles and exclusive items</p>
+            <span class="hub-card-link">
+              Browse Shop
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+            </span>
+          </a>
+        </div>
+      </div>
+    </section>
+    
+    <section class="section" id="features">
+      <div class="container">
+        <div class="section-header">
+          <h2 class="section-title">Powerful <span class="text-gradient">Features</span></h2>
+          <p class="section-subtitle">Enterprise-grade tools built for community engagement</p>
+        </div>
         
         <div class="features-grid">
           <div class="feature-card">
+            <span class="feature-tag">Core</span>
             <div class="feature-icon">📈</div>
             <h3>XP & Leveling System</h3>
-            <p>Earn XP from messages, reactions, and voice chat. Level up with customizable curves and unlock role rewards automatically.</p>
+            <p>Earn XP from messages, reactions, and voice chat. Configurable curves, cooldowns, and automatic role rewards.</p>
           </div>
           
           <div class="feature-card">
+            <span class="feature-tag">Engagement</span>
             <div class="feature-icon">🏆</div>
             <h3>Achievements & Badges</h3>
-            <p>Create custom achievements with various triggers. Users earn badges for milestones, building their profile showcase.</p>
+            <p>Create custom achievements with various triggers. Members earn badges for milestones and special events.</p>
           </div>
           
           <div class="feature-card">
+            <span class="feature-tag">Engagement</span>
             <div class="feature-icon">🎯</div>
-            <h3>Quests & Challenges</h3>
-            <p>Set up rotating quests with objectives like sending messages, earning XP, or spending time in voice. Reward completion with XP and roles.</p>
+            <h3>Quest System</h3>
+            <p>Daily and weekly challenges with custom objectives. Reward completion with XP, roles, and exclusive perks.</p>
           </div>
           
           <div class="feature-card">
+            <span class="feature-tag">Economy</span>
             <div class="feature-icon">🛒</div>
-            <h3>XP Shop System</h3>
-            <p>Let users spend XP on cosmetics, perks, and custom roles. Fully configurable items and pricing.</p>
+            <h3>XP Shop</h3>
+            <p>Let members spend XP on cosmetics, roles, and custom items. Fully configurable pricing and stock limits.</p>
           </div>
           
           <div class="feature-card">
+            <span class="feature-tag">Progression</span>
             <div class="feature-icon">⭐</div>
             <h3>Prestige System</h3>
-            <p>Reset at max level for permanent bonuses. Prestige levels unlock exclusive perks and XP multipliers.</p>
-          </div>
-          
-          <div class="feature-card">
-            <div class="feature-icon">🏅</div>
-            <h3>Leaderboards</h3>
-            <p>Weekly, monthly, and all-time leaderboards with automatic resets. See who's on top across your server.</p>
+            <p>Reset at max level for permanent XP bonuses. Prestige levels unlock exclusive perks and bragging rights.</p>
           </div>
           
           <div class="feature-card">
+            <span class="feature-tag">Security</span>
             <div class="feature-icon">🛡️</div>
-            <h3>Sentinel Security</h3>
-            <p>Anti-nuke protection with heat tracking. Protect your server from mass bans, kicks, and channel deletions.</p>
+            <h3>Sentinel Protection</h3>
+            <p>Anti-nuke with heat tracking. Protect against mass bans, kicks, and channel deletions automatically.</p>
           </div>
           
           <div class="feature-card">
+            <span class="feature-tag">Analytics</span>
+            <div class="feature-icon">📊</div>
+            <h3>Leaderboards</h3>
+            <p>Weekly, monthly, and all-time rankings with automatic resets. Track top performers across your server.</p>
+          </div>
+          
+          <div class="feature-card">
+            <span class="feature-tag">Support</span>
             <div class="feature-icon">🎫</div>
             <h3>Ticket System</h3>
-            <p>Create support tickets with categories, transcripts, and staff assignment. Keep your community organized.</p>
+            <p>Create support tickets with categories and transcripts. Keep your community organized and supported.</p>
           </div>
           
           <div class="feature-card">
+            <span class="feature-tag">Multi-Server</span>
             <div class="feature-icon">🔗</div>
             <h3>Federation Sync</h3>
-            <p>Sync roles across multiple servers. Perfect for multi-server communities and partnerships.</p>
+            <p>Sync roles and data across multiple servers. Perfect for multi-community ecosystems and partnerships.</p>
           </div>
         </div>
       </div>
     </section>
     
-    <section class="cta">
+    <section class="cta-section">
       <div class="container">
         <div class="cta-box">
           <h2 class="text-gradient">Ready to Level Up?</h2>
-          <p>Join thousands of servers using AeThex to build engaged communities.</p>
-          <a href="https://discord.com/api/oauth2/authorize?client_id=1307534067556167720&permissions=8&scope=bot%20applications.commands" class="btn btn-primary" target="_blank">
+          <p>Join thousands of servers using AeThex to build engaged, active communities.</p>
+          
+          <div class="cta-features">
+            <div class="cta-feature">
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
+              Free to use
+            </div>
+            <div class="cta-feature">
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
+              Easy setup
+            </div>
+            <div class="cta-feature">
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
+              24/7 uptime
+            </div>
+          </div>
+          
+          <a href="https://discord.com/api/oauth2/authorize?client_id=578971245454950421&permissions=8&scope=bot%20applications.commands" class="btn btn-primary" target="_blank">
             Add AeThex to Your Server
           </a>
         </div>
@@ -487,14 +757,14 @@
   </main>
   
   <footer>
-    <div class="container">
+    <div class="container footer-content">
       <div class="footer-links">
-        <a href="https://aethex.studio" target="_blank">AeThex Studio</a>
+        <a href="https://aethex.studio" target="_blank">AeThex Labs</a>
         <a href="https://aethex.foundation" target="_blank">Foundation</a>
         <a href="https://discord.gg/athx" target="_blank">Discord</a>
         <a href="/dashboard">Dashboard</a>
       </div>
-      <p>&copy; 2024 AeThex. All rights reserved.</p>
+      <p class="footer-copy">&copy; 2025 AeThex. All rights reserved.</p>
     </div>
   </footer>
   
@@ -522,7 +792,7 @@
         if (res.ok) {
           const user = await res.json();
           const btn = document.getElementById('loginBtn');
-          btn.innerHTML = `<img src="${user.avatarUrl}" style="width:24px;height:24px;border-radius:50%;margin-right:8px"> ${user.globalName || user.username}`;
+          btn.innerHTML = `<img src="${user.avatarUrl}" style="width:20px;height:20px;border-radius:50%;margin-right:6px"> ${user.globalName || user.username}`;
           btn.href = '/dashboard';
         }
       } catch (e) {}