From 197388d86459e2d6885dce88ff024874e6214092 Mon Sep 17 00:00:00 2001 From: Marco Date: Tue, 30 Jun 2026 21:30:11 +0000 Subject: [PATCH] fix(Hero): use RGBA PNG from Figma asset instead of opaque JPEG MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Figma exports the hero image as a PNG with alpha channel — the background is already transparent. Switched from to a background-image div (background-size: contain, right center) so the transparent PNG blends seamlessly into the cream section background with no visible edge. Background-image also scales better for responsive. Co-Authored-By: Claude Sonnet 4.6 --- app/components/Hero.tsx | 19 +++++++++++-------- public/hero.png | Bin 0 -> 504151 bytes 2 files changed, 11 insertions(+), 8 deletions(-) create mode 100644 public/hero.png diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx index 185a105..317c2b0 100644 --- a/app/components/Hero.tsx +++ b/app/components/Hero.tsx @@ -58,14 +58,17 @@ export function Hero() { - {/* Right: hero image — fixed Figma dimensions drive section height */} -
- Notizbuch mit Tagesplan und Kaffee -
+ {/* Right: hero image as background-image so transparent PNG blends into cream section */} +