fix: remove unnecessary max-width classes from various components

feat: add launch configuration for development environment
2026-07-08 18:55:33 +02:00
parent 1148f6f22a
commit 2045e95929
12 changed files with 43 additions and 15 deletions
@@ -113,6 +113,23 @@ export function Hero({
        </div>
      </div>

+      {/* Mobile: Discord status + message (hidden on md+ where bubbles appear) */}
+      <div className="flex flex-col items-center gap-2 md:hidden w-full max-w-sm">
+        {(displayMessage || rotatingMessages[0]) && (
+          <div className="w-full bg-gradient-to-br from-purple-500/20 to-pink-500/10 backdrop-blur-sm border border-purple-500/30 rounded-2xl px-4 py-2.5 text-sm text-gray-200 font-mono text-center">
+            {displayMessage || rotatingMessages[0]}
+          </div>
+        )}
+        {statusMessage && (
+          <div className="flex items-center gap-2 rounded-2xl border border-white/15 bg-white/5 px-4 py-2.5 text-sm backdrop-blur-sm">
+            <span className="h-2 w-2 shrink-0 rounded-full bg-green-400" />
+            <span className="text-gray-300">Currently</span>
+            <span className="font-semibold text-white">{statusMessage}</span>
+            <span className="text-gray-400">on Discord</span>
+          </div>
+        )}
+      </div>
+
      {/* Name & Description */}
      <div className="space-y-4 max-w-2xl">
        <h1 className="text-4xl font-extrabold leading-tight sm:text-5xl md:text-7xl">