- Goal: hero is now a blue-to-teal gradient (not a flat dark color) and the
intro block lives inside the hero composition (not as a separate page
section).
- Architecture: reduced from 3-part (hero / intro / body) to 2-part
(hero / body) since the intro is now embedded in the hero.
- Hero Partial: dropped the bg-dark utility (gradient is set in CSS), the
hero image is anchored to the right with a left-to-right fade, and the
vector is full-width anchored to the bottom at z-index 2.
- Hero Partial CSS: the file is at styles/blocks/page-hero.css (not
views/partials/page-hero.css). Updated the rules to match the new
gradient + image right-side + vector bottom-center + intro grid layout.
- Intro Partial: rewritten as a fragment for embedding inside the hero
(two-column heading + body grid) rather than a centered standalone
section. Partial is loaded by page-hero.php, not page.php.
- page.php Wiring: no longer loads the page-intro partial directly; the
partial is loaded by page-hero.php.
- Error Handling, Verification, and Acceptance Criteria: updated to
match the new structure (no empty .page-intro wrapper check; intro is
a descendant of the hero; gradient + image-right + vector-bottom-center
expectations).
Co-Authored-By: Claude <noreply@anthropic.com>
Defines the inner page layout: dark hero with background image and decorative
vector (driven by two new fields on the existing Page Heading ACF group), a
centered narrow intro section underneath (driven by the existing Intro field),
and the standard the_content body.
The mockup's bottom dark block is the existing site footer, not a new CTA. No
new ACF blocks are introduced; the layout reuses the existing Page Heading meta
box and the page-hero partial that header.php already loads.
Co-Authored-By: Claude <noreply@anthropic.com>
Keith SolomonandClaude