July 30, 2026mediumScroll & Parallax
Relai Parallax Scroll Hero
A 90vh video hero built on Garoa's parallax mechanic: the footage stays pinned in the viewport and gently parallaxes on scroll while a left-aligned meta + heading + paragraph + dual-CTA stack overlays it.
Preview
Source
import RelaiParallaxScrollHero from "./index.jsx";
import styles from "./styles.module.css";
// Spacer panel below so the pin-release + parallax scrub are visible in the gallery.
export default function RelaiParallaxScrollHeroDemo(props) {
return (
<div>
<RelaiParallaxScrollHero {...props} />
<div className={styles.spacer}>
<span className={styles.spacerLabel}>… and the hero releases</span>
</div>
</div>
);
}
Dependencies
framer-motion