Components
Hero Video Background
Hero Video Background A full-screen, responsive hero component that plays a video in the background. It features a customizable, animated title and a call-to-action button, designed to be theme-adaptive and accessible.
import { HeroVideoBackground } from "@/components/ui/hero-video-background"; // Adjust path as needed
export default function HeroVideoDemo() {
return (
<HeroVideoBackground
// A placeholder video from Pexels. Replace with your own video URL.
videoSrc="https://www.pexels.com/download/video/854696/"
heading="Creative innovation for a regenerative future"
buttonText="Explore our work"
buttonHref="#work"
/>
);
}