Dorian 7b27a575d5 fix(hero): cap image to viewport height, drop badge on home ...

The hero product image is a tall portrait PNG. With the hero now
stretching to fill the first fold, `w-full h-auto` was letting the
image's intrinsic height exceed the available vertical space — the
product box got clipped at the bottom and pushed the composition off.

Switch to `w-auto max-w-full max-h-[...svh]` so the image fits within
the fold and keeps its aspect ratio. Stepped 40 / 55 / 70 svh across
mobile / tablet / desktop — mobile keeps the image compact so the
headline + CTAs still land on the fold when stacked above.

Also drop the "Featured" badge from the home-page hero — the product
is already the only thing on the first fold.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

2026-04-21 12:27:26 +01:00

1.2 KiB

Raw Blame History

View Raw