Replace hero images with new photography across all main pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Calum Muir 2026-06-07 13:13:46 +00:00
parent a00b337703
commit 921e03e22e
11 changed files with 9 additions and 15 deletions

BIN
public/hero-about.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 270 KiB

BIN
public/hero-contact.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

BIN
public/hero-events.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 136 KiB

BIN
public/hero-home.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 221 KiB

BIN
public/hero-support.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 429 KiB

View file

@ -87,8 +87,7 @@ const testimonials = [
<link
rel="preload"
as="image"
href="/about-960.webp"
imagesrcset="/about-320.webp 320w, /about-480.webp 480w, /about-640.webp 640w, /about-960.webp 960w"
href="/hero-about.jpg"
imagesizes="100vw"
/>
</Fragment>
@ -138,9 +137,7 @@ const testimonials = [
class="absolute inset-0 h-full w-full object-cover"
style="object-position: 50% 42%;"
alt=""
src="/about-960.webp"
srcset="/about-320.webp 320w, /about-480.webp 480w, /about-640.webp 640w, /about-960.webp 960w"
sizes="100vw"
src="/hero-about.jpg"
loading="eager"
fetchpriority="high"
decoding="async"

View file

@ -124,7 +124,7 @@ const turnstileSiteKey = import.meta.env.PUBLIC_TURNSTILE_SITE_KEY ?? "";
class="absolute inset-0 h-full w-full object-cover"
style="object-position: 50% 45%;"
alt=""
src="/contact-960.webp"
src="/hero-contact.webp"
loading="eager"
fetchpriority="high"
decoding="async"

View file

@ -108,7 +108,7 @@ const typeColors: Record<string, string> = {
class="absolute inset-0 h-full w-full object-cover"
style="object-position: 50% 30%;"
alt=""
src="/news.webp"
src="/hero-events.webp"
loading="eager"
fetchpriority="high"
decoding="async"

View file

@ -67,7 +67,7 @@ function formatDate(date: string) {
class="absolute inset-0 h-full w-full object-cover"
style="object-position: 50% 30%;"
alt=""
src="/news.webp"
src="/hero-events.webp"
loading="eager"
fetchpriority="high"
decoding="async"

View file

@ -46,8 +46,7 @@ const ctaCards = [
<link
rel="preload"
as="image"
href="/Samantha-and-Connolly-1280.webp"
imagesrcset="/Samantha-and-Connolly-480.webp 480w, /Samantha-and-Connolly-640.webp 640w, /Samantha-and-Connolly-960.webp 960w, /Samantha-and-Connolly-1280.webp 1280w, /Samantha-and-Connolly-1920.webp 1920w"
href="/hero-home.webp"
imagesizes="100vw"
/>
</Fragment>
@ -221,9 +220,7 @@ const ctaCards = [
class="absolute inset-0 h-full w-full object-cover"
style="object-position: 50% 38%;"
alt=""
src="/Samantha-and-Connolly-1280.webp"
srcset="/Samantha-and-Connolly-480.webp 480w, /Samantha-and-Connolly-640.webp 640w, /Samantha-and-Connolly-960.webp 960w, /Samantha-and-Connolly-1280.webp 1280w, /Samantha-and-Connolly-1920.webp 1920w"
sizes="100vw"
src="/hero-home.webp"
loading="eager"
fetchpriority="high"
decoding="async"

View file

@ -101,7 +101,7 @@ const faqs = [
<link
rel="preload"
as="image"
href="/Vols5-2880w-1024x768.avif"
href="/hero-support.webp"
imagesizes="100vw"
/>
</Fragment>
@ -220,7 +220,7 @@ const faqs = [
class="absolute inset-0 h-full w-full object-cover"
style="object-position: 50% 28%;"
alt=""
src="/Vols5-2880w-1024x768.avif"
src="/hero-support.webp"
loading="eager"
fetchpriority="high"
decoding="async"