From 38607a52e2731547008cd5c767043e2b8e9ed483 Mon Sep 17 00:00:00 2001
From: "yves.gugger" <yves.gugger@gentwo.com>
Date: Mon, 8 Dec 2025 10:49:26 +0100
Subject: [PATCH] fix: Make logo much larger (2x size)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

New sizes:
- Header: 80px (mobile) → 96px (desktop) [was 48-56px]
- Header height: Increased to 80px/96px to accommodate logo
- Footer: 64px [was 48px]
- Login/Register: 80px [was 64px]

Logo is now prominently displayed
---
 frontend/src/app/login/page.tsx    | 6 +++---
 frontend/src/app/register/page.tsx | 6 +++---
 frontend/src/components/Footer.tsx | 6 +++---
 frontend/src/components/Header.tsx | 8 ++++----
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/frontend/src/app/login/page.tsx b/frontend/src/app/login/page.tsx
index f9d40d6..2033982 100644
--- a/frontend/src/app/login/page.tsx
+++ b/frontend/src/app/login/page.tsx
@@ -13,9 +13,9 @@ function Logo() {
     <Image
       src="/pounce-logo.png"
       alt="pounce"
-      width={64}
-      height={64}
-      className="w-16 h-16"
+      width={80}
+      height={80}
+      className="w-20 h-20"
     />
   )
 }
diff --git a/frontend/src/app/register/page.tsx b/frontend/src/app/register/page.tsx
index 96ccea3..80f336b 100644
--- a/frontend/src/app/register/page.tsx
+++ b/frontend/src/app/register/page.tsx
@@ -13,9 +13,9 @@ function Logo() {
     <Image
       src="/pounce-logo.png"
       alt="pounce"
-      width={64}
-      height={64}
-      className="w-16 h-16"
+      width={80}
+      height={80}
+      className="w-20 h-20"
     />
   )
 }
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index 916c38c..1d65208 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -13,9 +13,9 @@ export function Footer() {
               <Image
                 src="/pounce-logo.png"
                 alt="pounce"
-                width={48}
-                height={48}
-                className="w-12 h-12"
+                width={64}
+                height={64}
+                className="w-16 h-16"
               />
             </div>
             <p className="text-body-sm text-foreground-muted mb-4 max-w-xs">
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index 1809ffc..02423d1 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -13,9 +13,9 @@ function Logo() {
       <Image
         src="/pounce-logo.png"
         alt="pounce"
-        width={56}
-        height={56}
-        className="w-12 h-12 sm:w-14 sm:h-14 object-contain"
+        width={96}
+        height={96}
+        className="w-20 h-20 sm:w-24 sm:h-24 object-contain"
         priority
       />
     </div>
@@ -28,7 +28,7 @@ export function Header() {
 
   return (
     <header className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-xl border-b border-border-subtle">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 h-14 sm:h-16 flex items-center justify-between">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 h-20 sm:h-24 flex items-center justify-between">
         {/* Left side: Logo + Nav Links */}
         <div className="flex items-center gap-6 sm:gap-8">
           {/* Logo */}