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
|
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>
|
<Container>
|
||||||
<motion.div
|
<motion.div
|
||||||
className="max-w-xl text-cream"
|
className="max-w-xl text-cream"
|
||||||
|
|||||||
Reference in new issue
Block a user