---
/**
* CTABanner
* Eenvoudige call-to-action sectie. Groot, direct, converterend.
*
* Props:
* - headline: string
* - sub?: string
* - ctaPrimary: { label: string; href: string }
* - ctaSecondary?: { label: string; href: string }
* - bg?: 'default' | 'dark' | 'accent' | 'gradient'
* - align?: 'center' | 'split' — split = tekst links, CTA rechts
*/
interface Props {
headline: string;
sub?: string;
ctaPrimary: { label: string; href: string };
ctaSecondary?: { label: string; href: string };
bg?: 'default' | 'dark' | 'accent' | 'gradient';
align?: 'center' | 'split';
}
const {
headline,
sub,
ctaPrimary,
ctaSecondary,
bg = 'dark',
align = 'center',
} = Astro.props;
---
{headline}
{sub &&
{sub}
}