// Hero — full-bleed reel well, quote anchored bottom-left.
// `videoSrc` is a hook for the user to drop in their hero loop later.
const Hero = ({ videoSrc }) => {
const videoRef = React.useRef(null);
const [loaded, setLoaded] = React.useState(false);
return (
{/* Reel well — video if supplied, otherwise placeholder plate */}
{/* Always render the placeholder underneath so there's never a black flash
while the video buffers. The video sits on top, fades in when ready. */}
{videoSrc && (
Indie film, documentary, small-to-mid game, AI video. We work best with productions that already know what they need.
{/* bottom-left scroll hint */}
SCROLL ↓
);
};
window.Hero = Hero;
// PlaceholderPlate — a quiet, layered well that reads as "video goes here"
// without being noisy. Uses the brand palette only.
const PlaceholderPlate = () => (
{/* horizontal scan bands — references film/CRT without being decorative */}
{/* large soft block */}
{/* placeholder label, dead-center, very small */}