From d7e6c1849d52cf1036df36ac86c7151649de4286 Mon Sep 17 00:00:00 2001
From: orfelorfel23 <jannik.mueller.jannik+git@googlemail.com>
Date: Sat, 15 Aug 2026 10:59:34 +0200
Subject: [PATCH] feat: make logo clickable to reset inputs and reload page

---
 src/lib/i18n.tsx       |  2 ++
 src/pages/HomePage.tsx | 11 +++++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/lib/i18n.tsx b/src/lib/i18n.tsx
index d273323..ac29886 100644
--- a/src/lib/i18n.tsx
+++ b/src/lib/i18n.tsx
@@ -77,6 +77,7 @@ const translations = {
     // Download
     selectTitleFirst: 'Zuerst Titel auswählen',
     downloadZipBtn: 'ZIP herunterladen',
+    startOver: 'Neu starten',
   },
   en: {
     appTitle: 'MelodyMuse',
@@ -152,6 +153,7 @@ const translations = {
     // Download
     selectTitleFirst: 'Select a title first',
     downloadZipBtn: 'Download ZIP',
+    startOver: 'Start over',
   }
 };
 
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 062d380..16c27d2 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -371,12 +371,19 @@ export function HomePage() {
       <header className="shrink-0 z-30 sticky top-0 bg-bg-card/70 backdrop-blur-md border-b border-border shadow-sm">
         <div className="max-w-screen-2xl mx-auto px-4 sm:px-6 h-12 flex items-center justify-between">
           {/* Logo */}
-          <div className="flex items-center gap-2.5">
+          <button 
+            className="flex items-center gap-2.5 cursor-pointer hover:opacity-80 transition-opacity"
+            onClick={() => {
+              window.localStorage.removeItem(DRAFT_KEY);
+              window.location.reload();
+            }}
+            title={t.startOver}
+          >
             <MusicBarsLogo />
             <span className="text-sm font-extrabold gradient-text-animated tracking-tight">
               MelodyMuse
             </span>
-          </div>
+          </button>
 
           {/* Right controls */}
           <div className="flex items-center gap-4">