---
/**
* HeroFullscreen
* 100vh hero met achtergrondafbeelding of -video en overlay.
*
* Props:
* - headline: string
* - sub?: string
* - ctaPrimary?: { label: string; href: string }
* - bg: string — URL naar image of video
* - bgType?: 'image' | 'video'
* - overlayOpacity?: number — 0-1, default 0.5
* - align?: 'center' | 'left'
*/
interface Props {
headline: string;
sub?: string;
ctaPrimary?: { label: string; href: string };
bg: string;
bgType?: 'image' | 'video';
overlayOpacity?: number;
align?: 'center' | 'left';
}
const {
headline,
sub,
ctaPrimary,
bg,
bgType = 'image',
overlayOpacity = 0.5,
align = 'center',
} = Astro.props;
---
{bgType === 'image' ? (
) : (
)}