Scroll the page so the line below moves through the viewport. Words stagger in with lift, tilt, and opacity. With prefers-reduced-motion, the phrase stays static.
Scroll runway
This block is only here to add height. Scroll down so the headline can move through the viewport and trigger the staggered motion.
Scroll runway
Keep scrolling past the headline, then scroll back up to see the entrance run again.
Scroll back up to replay the entrance.
1import { ScrollLinkedHeadline } from "@/components/ScrollLinkedHeadline";2 3<ScrollLinkedHeadline4 as="h2"5 text="Motion earns attention when scroll meets intent"6 className="text-center text-3xl sm:text-4xl"7 travel={32}8 tilt={-6}9 stagger={0.12}10/>