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
+5 -2
View File
@@ -94,7 +94,9 @@
.home-hero-grid > div { align-self: center; padding-bottom: 4rem; }
.home-hero-grid p:not(.script-label) { max-width: 570px; }
.home-hero-grid img { align-self: end; justify-self: end; max-height: 500px; object-fit: contain; }
.services-intro .feature-grid { grid-template-columns: .75fr 1.25fr; }
.services-grid { display: grid; gap: clamp(2rem, 6vw, 5rem); }
.feature-grid--intro { grid-template-columns: .75fr 1.25fr; }
.feature-grid--reverse { grid-template-columns: 1.25fr .75fr; }
.gear-photo { justify-self: center; max-width: 270px; }
.gear-photo-right { outline-color: #dce0e5; }
.source-list { margin-block: 0 1.5rem; padding-inline-start: 2.5rem; }
@@ -131,7 +133,8 @@
.home-hero-grid { grid-template-columns: 1fr; padding-top: 3rem; text-align: center; }
.home-hero-grid > div { padding-bottom: 1rem; }
.home-hero-grid img { justify-self: center; max-height: 330px; }
.services-intro .feature-grid, .benefit-grid, .esa-grid { grid-template-columns: 1fr; }
.services-grid { gap: 2rem; }
.services-grid .feature-grid, .benefit-grid, .esa-grid { grid-template-columns: 1fr; }
.feature-grid > .gear-photo-right { grid-row: 3; }
.skills-grid { grid-template-columns: repeat(2, 1fr); }
.process-grid { grid-template-columns: 1fr 1fr; }