From 3fe5bad8473cbeb1313cb38a887caac74c42723d Mon Sep 17 00:00:00 2001
From: Timo Knuth <knuth.timo@gmail.com>
Date: Tue, 10 Feb 2026 00:52:52 +0100
Subject: [PATCH] feat: add base layout with a new header component

---
 src/app/layout.tsx        | 2 +-
 src/components/Header.tsx | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 4562217..e185cd6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -196,7 +196,7 @@ export default function RootLayout({
         className={`${bodyFont.variable} ${displayFont.variable} antialiased flex flex-col min-h-screen bg-[color:var(--bg)] text-[color:var(--ink)] font-sans`}
       >
         <Header />
-        <main className="flex-grow pt-20">
+        <main className="flex-grow pt-[130px]">
           {children}
         </main>
         <Footer />
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index a8d5cd6..314c39f 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -11,14 +11,13 @@ export default function Header() {
     return (
         <>
             <header className="fixed inset-x-0 top-0 z-50 border-b border-white/10 bg-[color:var(--bg-dark)]/95 backdrop-blur-md">
-                <div className="mx-auto flex h-[138px] max-w-7xl items-center justify-between px-6 lg:px-8">
+                <div className="mx-auto flex h-[110px] max-w-7xl items-center justify-between px-6 lg:px-8">
                     <Link href="/" className="flex items-center gap-3 group">
-                        <div className="relative h-[130px] w-[130px] transition-transform group-hover:scale-105">
+                        <div className="relative h-[150px] w-[150px] transition-transform group-hover:scale-105">
                             <Image
                                 src="/images/logo.png"
                                 alt="Budd Electric Logo"
-                                width={130}
-                                height={130}
+                                fill
                                 priority
                                 className="object-contain invert hue-rotate-180 saturate-[1000%] contrast-[1.5] brightness-90 p-[0.8rem]"
                             />