refactor(home): move page content into per-language YAML sections

All visible text, lists, image refs, and CTAs for the home page now live
in en/index.md and es/index.md as a typed `sections:` frontmatter array.
HomePage.astro is reduced to a thin router; each section type is rendered
by a dedicated component in src/components/home/. Adds .no-balance utility
class to suppress text-wrap: balance on the commitments heading.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-09 12:06:23 -07:00
parent ef13d4a6e6
commit c2b49e66d9
18 changed files with 570 additions and 438 deletions
@@ -0,0 +1,18 @@
---
import type { BenefitsSection } from '../../types/home-sections';
interface Props { section: BenefitsSection }
const { section } = Astro.props;
---
<section class="section cream-section">
<div class="container feature-grid benefit-grid">
<div>
<h2>{section.heading}</h2>
<h3>{section.subheading}</h3>
<ul class="source-list">{section.items.map((item) => <li>{item}</li>)}</ul>
</div>
<a class="video-card" href={section.videoHref}>
<img src={`/assets/images/${section.videoImage}`} alt={section.videoImageAlt} />
<span>▶</span>
</a>
</div>
</section>