From 1a3c057402d03b672f1d5e73ca5905200e1ea899 Mon Sep 17 00:00:00 2001
From: "yves.gugger" <yves.gugger@gentwo.com>
Date: Mon, 8 Dec 2025 10:50:17 +0100
Subject: [PATCH] fix: Make logo wider and shorter

Logo dimensions:
- Header: 128px (mobile) / 160px (desktop) width, auto height
- Footer: 112px width, auto height
- Login/Register: 112px width, auto height
- Header height reduced to 64px/80px to match

Logo now has landscape orientation with ~10rem width
---
 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 2033982..ece058b 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={80}
-      height={80}
-      className="w-20 h-20"
+      width={120}
+      height={60}
+      className="w-28 h-auto"
     />
   )
 }
diff --git a/frontend/src/app/register/page.tsx b/frontend/src/app/register/page.tsx
index 80f336b..3585dc2 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={80}
-      height={80}
-      className="w-20 h-20"
+      width={120}
+      height={60}
+      className="w-28 h-auto"
     />
   )
 }
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index 1d65208..d1f7351 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={64}
-                height={64}
-                className="w-16 h-16"
+                width={120}
+                height={60}
+                className="w-28 h-auto"
               />
             </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 02423d1..ab275e3 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={96}
-        height={96}
-        className="w-20 h-20 sm:w-24 sm:h-24 object-contain"
+        width={160}
+        height={80}
+        className="w-32 h-auto sm:w-40 sm:h-auto 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-20 sm:h-24 flex items-center justify-between">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 h-16 sm:h-20 flex items-center justify-between">
         {/* Left side: Logo + Nav Links */}
         <div className="flex items-center gap-6 sm:gap-8">
           {/* Logo */}