From 0ac9592cd80e7a3873ad501f8836d78761942b9c Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 29 Oct 2025 17:23:30 +0000
Subject: [PATCH] Update OG fallback image

---
 index.html                | 4 ++--
 src/hooks/useOpenGraph.ts | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 43fdf98c..8dcb33a1 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
     <meta property="og:site_name" content="ThrillWiki" />
     <meta property="og:title" content="ThrillWiki - Theme Park & Roller Coaster Database" />
     <meta property="og:description" content="Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts" />
-    <meta property="og:image" content="/og-image.png" />
+    <meta property="og:image" content="https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <meta property="og:image:alt" content="ThrillWiki - Theme Park & Roller Coaster Database" />
@@ -33,7 +33,7 @@
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="ThrillWiki - Theme Park & Roller Coaster Database" />
     <meta name="twitter:description" content="Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts" />
-    <meta name="twitter:image" content="/og-image.png" />
+    <meta name="twitter:image" content="https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original" />
     <meta name="twitter:image:alt" content="ThrillWiki - Theme Park & Roller Coaster Database" />
     
     <!-- Google Fonts -->
diff --git a/src/hooks/useOpenGraph.ts b/src/hooks/useOpenGraph.ts
index 5699c25c..e9a2eb9e 100644
--- a/src/hooks/useOpenGraph.ts
+++ b/src/hooks/useOpenGraph.ts
@@ -26,11 +26,11 @@ export function useOpenGraph({
     if (!enabled || !title) return;
 
     // Determine the image to use
-    let finalImageUrl = '/og-image.png';
+    let finalImageUrl = 'https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original';
     
     if (imageId) {
       const bannerUrls = getBannerUrls(imageId);
-      finalImageUrl = bannerUrls.desktop || imageUrl || '/og-image.png';
+      finalImageUrl = bannerUrls.desktop || imageUrl || 'https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original';
     } else if (imageUrl) {
       finalImageUrl = imageUrl;
     }
@@ -55,12 +55,12 @@ export function useOpenGraph({
     return () => {
       updateMetaTag('og:title', 'ThrillWiki - Theme Park & Roller Coaster Database');
       updateMetaTag('og:description', 'Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts');
-      updateMetaTag('og:image', window.location.origin + '/og-image.png');
+      updateMetaTag('og:image', 'https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original');
       updateMetaTag('og:type', 'website');
       
       updateMetaTag('twitter:title', 'ThrillWiki - Theme Park & Roller Coaster Database', 'name');
       updateMetaTag('twitter:description', 'Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts', 'name');
-      updateMetaTag('twitter:image', window.location.origin + '/og-image.png', 'name');
+      updateMetaTag('twitter:image', 'https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original', 'name');
     };
   }, [title, description, imageUrl, imageId, type, currentUrl, enabled]);
 }