Scroll-Locked Video Hero

A cinematic, scroll-driven hero: the page locks in place and scrolling scrubs a fullscreen video forward and backward, frame by frame, with the title dissolving into blur as the reveal progresses. No dependencies, system fonts only. A memorable landing-page opener for portfolios

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Scroll-Locked Video Hero to your project and fits it to your theme.

import MetroHero from "@/components/ui/scroll-locked-video-hero"; export default function DemoOne() { return <MetroHero />; }