From 96172427fc25a85c2e833a4322cbc773e3a2e06e Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Tue, 3 Feb 2026 12:23:42 +0000
Subject: [PATCH] Fix broken images on live site with cache-busting and proper
 headers

Cloudflare was caching 404 responses from before the tunnel was configured.
Added query params to bust stale cached 404s for featured.jpg and goddess.webp.
Added Cache-Control headers for /images/* to ensure proper long-term caching.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 next.config.ts   | 24 ++++++++++++++++++++++++
 src/app/page.tsx |  4 ++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/next.config.ts b/next.config.ts
index 68a6c64..dceb131 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -2,6 +2,30 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   output: "standalone",
+  images: {
+    localPatterns: [
+      {
+        pathname: "/images/**",
+        search: "?v=*",
+      },
+      {
+        pathname: "/images/**",
+      },
+    ],
+  },
+  async headers() {
+    return [
+      {
+        source: "/images/:path*",
+        headers: [
+          {
+            key: "Cache-Control",
+            value: "public, max-age=31536000, immutable",
+          },
+        ],
+      },
+    ];
+  },
 };
 
 export default nextConfig;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 53fb9a8..21b7304 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -123,7 +123,7 @@ function RitualArtSection() {
           {/* Featured Art Image */}
           <div className="relative aspect-[3/4] rounded-2xl overflow-hidden shadow-xl">
             <Image
-              src="/images/art/featured.jpg"
+              src="/images/art/featured.jpg?v=2"
               alt="Visionary Art by Ximena Xaguar"
               fill
               className="object-cover"
@@ -162,7 +162,7 @@ function RitualArtSection() {
 // Art Gallery Section
 function GallerySection() {
   const artworks = [
-    { src: '/images/art/goddess.webp', title: 'Goddess' },
+    { src: '/images/art/goddess.webp?v=2', title: 'Goddess' },
     { src: '/images/art/mujer-medicina.webp', title: 'Mujer Medicina' },
     { src: '/images/art/shiva-main.webp', title: 'Shiva' },
     { src: '/images/art/twin-flames.webp', title: 'Twin Flames' },