Scroll-Morph Hero

Sekcja hero, której geometria reaguje na scroll. W brand-mode kładziemy nacisk na rotację, skalę i opacity (bez polegania na zaokrągleniach jako „efekcie”).

Morphing State

Scroll Progress

Scroll area to drive animation...

Keep scrolling...

Jak to działa?

Komponent wykorzystuje useScroll do śledzenia pozycji viewportu. Wartości scrollYProgress są mapowane na:

scale: [0.8, 1.2]
rotate: [0deg, 10deg]
opacity: fade in/out
fill/overlay: kontrola intensywności tła

[ WARSZTAT_KOMPILUJE ]

Trwa przygotowanie infrastruktury...

SYS.STATUS: COMPILING