From c4771ee1da4ee7569b8da7d7ffb227785a092a5d Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Tue, 30 Jun 2026 11:39:38 +0000
Subject: [PATCH] left-align hero text, remove blur band, scale up bg image

---
 app/components/Hero.tsx | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx
index a944e89..6361c37 100644
--- a/app/components/Hero.tsx
+++ b/app/components/Hero.tsx
@@ -4,18 +4,15 @@ import { Navbar } from "./Navbar";
 export function Hero() {
   return (
     <section className="relative h-screen overflow-hidden bg-[#c5c8c9]">
-      {/* Background photo */}
+      {/* Background photo — slightly scaled up */}
       <Image
         src="/hero-bg.jpg"
         alt="Harvey Specter"
         fill
         priority
-        className="object-cover object-[center_15%]"
+        className="object-cover object-[center_15%] scale-110"
       />
 
-      {/* Backdrop blur band — desktop only */}
-      <div className="absolute hidden md:block backdrop-blur-[10px] bg-[rgba(217,217,217,0.01)] inset-x-0 h-[349px] top-[498px]" />
-
       {/* Content */}
       <div className="relative z-10 h-full flex flex-col px-4 md:px-8">
         <Navbar />
@@ -23,11 +20,11 @@ export function Hero() {
         {/* Desktop: spacer pushes hero text down */}
         <div className="hidden md:block md:h-[240px] shrink-0" />
 
-        {/* Hero content — fills remaining space on mobile, fixed layout on desktop */}
+        {/* Hero content */}
         <div className="flex-1 md:flex-none flex flex-col justify-between md:justify-start md:gap-0 pb-6 md:pb-0">
 
-          {/* Name block */}
-          <div className="flex flex-col items-center md:items-start w-full">
+          {/* Name block — left-aligned on both mobile and desktop */}
+          <div className="flex flex-col items-start w-full">
             <div className="px-[18px] mb-[-15px]">
               <span className="font-mono font-normal text-sm text-white mix-blend-overlay uppercase leading-[1.1]">
                 [ Hello I&apos;m ]
@@ -35,7 +32,7 @@ export function Hero() {
             </div>
             <h1
               className="
-                text-white font-medium mix-blend-overlay capitalize text-center w-full
+                text-white font-medium mix-blend-overlay capitalize text-left w-full
                 text-[96px] leading-[0.8] tracking-[-6.72px]
                 md:text-[198px] md:leading-[1.1] md:tracking-[-13.86px]
               "