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:
@@ -0,0 +1,16 @@
|
||||
---
|
||||
import type { HeroSection } from '../../types/home-sections';
|
||||
interface Props { section: HeroSection }
|
||||
const { section } = Astro.props;
|
||||
---
|
||||
<section class="home-hero">
|
||||
<div class="container home-hero-grid">
|
||||
<div>
|
||||
<p class="script-label">{section.eyebrow}</p>
|
||||
<h1 set:html={section.heading} />
|
||||
<p>{section.body}</p>
|
||||
<a class="button" href={section.cta.href}>{section.cta.label}</a>
|
||||
</div>
|
||||
<img src={`/assets/images/${section.image}`} alt={section.imageAlt} loading="eager" />
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user