The video plays automatically on loop, muted to comply with browser autoplay policies. On page load, the video container fades in using Framer Motion with a 1-second ease-out transition. In dark mode, a radial CSS mask creates a spotlight effect that draws attention to the center of the screen.

Content sits above the video layer with a blurred black overlay behind the text for readability. The colorful text component cycles through a shuffled array of colors every 5 seconds, with each letter animating individually using staggered delays. The animation includes a subtle blur, scale, and vertical movement.

Works well for agency landing pages, creative portfolios, product showcases, and startup homepages where visual impact matters more than text density.