feat(video): add YouTube lightbox to benefits section

Replaces static video link with a self-contained VideoCard component
that opens a native <dialog> lightbox with autoplay on open and
iframe src teardown on close. Includes pulsing ring animation on the
play button and a rounded-triangle SVG icon.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-09 14:16:00 -07:00
parent 615412c880
commit ce5e53c71f
7 changed files with 77 additions and 10 deletions
+2 -1
View File
@@ -17,7 +17,8 @@ interface Props { lang?: string }
const { lang = 'en' } = Astro.props;
const es = lang === 'es';
const entry = await getEntry('pages', es ? 'es/index' : 'en/index');
const { title, description, canonical, sections = [] } = entry!.data;
if (!entry) throw new Error(`[HomePage] Content entry not found for lang="${lang}". If running in dev, restart the dev server to rebuild the content layer cache.`);
const { title, description, canonical, sections = [] } = entry.data;
---
<BaseLayout {title} {description} {canonical} {lang}>
{(sections as HomeSection[]).map((section) => {