From 5249d87b59466d48c9977e86dc20487eb679f0d7 Mon Sep 17 00:00:00 2001
From: orfelorfel23 <jannik.mueller.jannik+git@googlemail.com>
Date: Thu, 4 Jun 2026 00:42:10 +0200
Subject: [PATCH] UI: Add Suno link to header

---
 src/pages/HomePage.tsx | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index e6c2d80..3caa18c 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -365,16 +365,27 @@ export function HomePage() {
 
           {/* Right controls */}
           <div className="flex items-center gap-4">
-            {/* Social links — icon only */}
-            <a
-              href="https://www.youtube.com/@AIWentNonsense"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="w-8 h-8 flex items-center justify-center rounded-lg text-fg-muted hover:text-rose-500 hover:bg-rose-500/10 transition-all duration-150"
-              title="AI Went Nonsense on YouTube"
-            >
-              <FontAwesomeIcon icon={faYoutube} className="w-4 h-4" />
-            </a>
+            {/* External Links */}
+            <div className="flex items-center gap-1">
+              <a
+                href="https://suno.com/create"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="px-2 h-8 flex items-center justify-center rounded-lg text-fg-muted hover:text-accent-primary hover:bg-accent-primary/10 transition-all duration-150 font-bold text-[11px] tracking-wide uppercase"
+                title="Create on Suno"
+              >
+                Suno
+              </a>
+              <a
+                href="https://www.youtube.com/@AIWentNonsense"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="w-8 h-8 flex items-center justify-center rounded-lg text-fg-muted hover:text-rose-500 hover:bg-rose-500/10 transition-all duration-150"
+                title="AI Went Nonsense on YouTube"
+              >
+                <FontAwesomeIcon icon={faYoutube} className="w-4 h-4" />
+              </a>
+            </div>
 
             {/* Server offline indicator */}
             {serverOk === false && (