Dev Log
Test home page with image-behind hero variant
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>positionedabsolute; inset: 0; object-fit: coveras 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-secondarytobtn-on-darkfor contrast; trust-bar numbers and dividers recoloured for dark background. - Copied
.tmp/plans/0001_26_04_16/idaho-hero-final.png→src/assets/hero-home-idaho.pngso 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