From cda3878169617b780f86021333ae3e60424b505e Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Wed, 1 Jul 2026 10:29:26 -0500
Subject: [PATCH] Render hero_image and hero_vector in page-hero partial; drop
 in-hero intro

---
 views/partials/page-hero.php | 42 +++++++++++++++++++++++++-----------
 1 file changed, 29 insertions(+), 13 deletions(-)

diff --git a/views/partials/page-hero.php b/views/partials/page-hero.php
index 267031a..a7f7d13 100644
--- a/views/partials/page-hero.php
+++ b/views/partials/page-hero.php
@@ -8,10 +8,11 @@
 namespace CWC;
 
 // Set variables
-$bgColor = get_field( 'background_color' );
-$isDark  = get_field( 'is_dark' );
-$heading = get_field( 'heading' );
-$intro   = get_field( 'intro' );
+$bgColor    = get_field( 'background_color' );
+$isDark     = get_field( 'is_dark' );
+$heading    = get_field( 'heading' );
+$heroImage  = get_field( 'hero_image' );
+$heroVector = get_field( 'hero_vector' );
 
 // Fallback for heading
 if ( ! $heading ) {
@@ -24,9 +25,31 @@ if ( is_home() || is_single() || is_archive() || is_search() || is_404() ) {
 }
 ?>
 
-<div class="bg-cover bg-no-repeat mb-12 py-12 lg:py-16 bg-dark text-light overflow-hidden <?php echo $isDark ? 'dark' : ''; ?>" <?php echo $bgColor ? 'style="background-color: ' . esc_attr( $bgColor ) . '"' : ''; ?>>
+<div class="page-hero bg-cover bg-no-repeat mb-12 py-12 lg:py-16 bg-dark text-light overflow-hidden <?php echo $isDark ? 'dark' : ''; ?>" <?php echo $bgColor ? 'style="background-color: ' . esc_attr( $bgColor ) . '"' : ''; ?>>
 
-	<div class="container mx-auto">
+	<?php if ( $heroImage ) : ?>
+		<div class="page-hero__media" aria-hidden="true">
+			<img
+				src="<?php echo esc_url( $heroImage['url'] ); ?>"
+				alt=""
+				loading="lazy"
+				role="presentation"
+			/>
+		</div>
+	<?php endif; ?>
+
+	<?php if ( $heroVector ) : ?>
+		<img
+			class="page-hero__vector"
+			src="<?php echo esc_url( $heroVector['url'] ); ?>"
+			alt=""
+			loading="lazy"
+			aria-hidden="true"
+			role="presentation"
+		/>
+	<?php endif; ?>
+
+	<div class="page-hero__content container mx-auto">
 		<div id="breadcrumbs">
 			<?php Breadcrumbs::render(); ?>
 		</div>
@@ -43,13 +66,6 @@ if ( is_home() || is_single() || is_archive() || is_search() || is_404() ) {
 				echo wp_kses_post( $heading );
 				echo '</span>';
 			}
-
-			// Intro
-			if ( $intro ) {
-				echo '<p class="mt-3 text-base text-light sm:mt-5 sm:text-xl lg:text-lg xl:text-xl text-center">';
-				echo wp_kses_post( $intro );
-				echo '</p>';
-			}
 			?>
 		</div>
 	</div>