fix: Hero-Verlauf verstaerken, damit Text auf hellem Videomaterial lesbar bleibt
Live-Check des hochgeladenen Hero-Videos zeigte: die Headline lag streckenweise direkt ueber hellen Honigglas-Etiketten, der bisherige rein vertikale Verlauf (bg-gradient-to-t, 70/10) verdunkelt dort zu wenig, wo die Textspalte tatsaechlich sitzt (vertikal mittig links). Zusaetzliche gleichmaessige 25%-Abdunklung ueber die gesamte Flaeche plus staerkerer, diagonaler Verlauf (to-tr, 70/25) gezielt hinter der Textspalte - visuell gegen das echte Video verifiziert (Screenshot-Vergleich alt/neu). Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
1 parent
a3b11cc8e2
commit
1acd8ed4b9
1 file changed
+7
-1
@@ -72,7 +72,13 @@ export function Hero({
|
||||
priority
|
||||
/>
|
||||
)}
|
||||
<div className="absolute inset-0 flex items-center bg-gradient-to-t from-forest/70 via-forest/10 to-transparent">
|
||||
{/* Gleichmaessige Abdunklung ueber die gesamte Flaeche — noetig, weil
|
||||
redaktionell gepflegtes Bild-/Videomaterial (z.B. helle Etiketten,
|
||||
Himmel) sonst je nach Motiv beliebig hell ausfallen und den Text
|
||||
unlesbar machen kann. Der gerichtete Verlauf darunter verstaerkt das
|
||||
gezielt dort, wo die Textspalte tatsaechlich sitzt (unten links). */}
|
||||
<div className="absolute inset-0 bg-forest/25" />
|
||||
<div className="absolute inset-0 flex items-center bg-gradient-to-tr from-forest/70 via-forest/25 to-transparent">
|
||||
<Container>
|
||||
<motion.div
|
||||
className="max-w-xl text-cream"
|
||||
|
||||
Reference in new issue
Block a user