style: Make beta dashboard banner larger and more prominent

davila7 · claude · davila7 · commit 1812c510c550 · 2026-02-21T00:32:12.000-05:00
Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/docs/index.html b/docs/index.html
@@ -106,9 +106,13 @@
 </head>
 <body>
     <!-- Beta dashboard banner -->
-    <div style="background: linear-gradient(90deg, #10b981, #3b82f6); text-align: center; padding: 10px 16px; font-family: system-ui, -apple-system, sans-serif; font-size: 14px; color: white;">
-        <a href="https://app.aitmpl.com" target="_blank" rel="noopener noreferrer" style="color: white; text-decoration: none;">
-            Try our new Dashboard <span style="background: rgba(255,255,255,0.2); padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; margin: 0 6px; letter-spacing: 0.5px;">BETA</span> Browse, search, and collect components in a modern UI &rarr;
+    <div style="background: linear-gradient(90deg, #10b981, #059669, #3b82f6); text-align: center; padding: 18px 24px; font-family: system-ui, -apple-system, sans-serif; color: white;">
+        <a href="https://app.aitmpl.com" target="_blank" rel="noopener noreferrer" style="color: white; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;">
+            <span style="font-size: 24px;">&#127881;</span>
+            <span style="font-size: 18px; font-weight: 600;">Try our new Dashboard</span>
+            <span style="background: rgba(255,255,255,0.25); padding: 4px 12px; border-radius: 6px; font-size: 12px; font-weight: 700; letter-spacing: 1px;">BETA</span>
+            <span style="font-size: 15px; opacity: 0.9;">Browse, search, and collect components in a modern UI</span>
+            <span style="font-size: 18px;">&rarr;</span>
         </a>
     </div>
     <header class="header">
