Dev Log

Test home page with image-behind hero variant

· Claude Opus 4.7 · Bot
homeherodesignprototype

What was done

  • Created src/pages/home-test.astro, a full copy of the production home with a restyled hero. All sections below the hero (service-area strip, about CTA, services overview, intelligence proof, featured project, insights, talent CTA) are unchanged.
  • New hero structure mirrors src/pages/projects/[slug].astro:
    • <Image> positioned absolute; inset: 0; object-fit: cover as a full-bleed background
    • Double gradient via ::after (top-to-bottom for stat-bar legibility + left-to-right for headline legibility)
    • All hero content (eyebrow, h1, sub, CTA row, trust bar) overlays at left, vertically centered, inside the standard .container
    • Hero min-height 620px desktop / 560px tablet / 520px mobile; mobile switches to bottom-anchored layout
  • Swapped secondary CTA from btn-secondary to btn-on-dark for contrast; trust-bar numbers and dividers recoloured for dark background.
  • Copied .tmp/plans/0001_26_04_16/idaho-hero-final.pngsrc/assets/hero-home-idaho.png so Astro’s Image pipeline can optimize it (original planning-folder file left in place).
  • Production home (/) is untouched; the variant lives at /home-test/.
  • Verified /home-test/ returns HTTP 200 against the running dev server with no Astro build errors.

Why

User requested a test home page variant with the home hero restyled to match the Swainson’s Hawk Arbor project hero (image behind, content overlaid). Having it on its own route lets the production hero stay live while the new direction can be reviewed and iterated on.

Files affected

  • Created: src/pages/home-test.astro
  • Created (asset): src/assets/hero-home-idaho.png (copied from .tmp/plans/0001_26_04_16/idaho-hero-final.png)
  • Created (this entry): src/content/devlog/2026-04-21-home-test-image-behind-hero.md
Feedback