From 234fb5a790705212d09a8cedb9b42758eebef59e Mon Sep 17 00:00:00 2001
From: Luke Hagar <lukeslakemail@gmail.com>
Date: Wed, 18 Jun 2025 13:39:42 -0500
Subject: [PATCH] align OG vars

---
 src/routes/+layout.ts                       |   8 +++++---
 static/og-images/{og_image.png => main.png} | Bin
 2 files changed, 5 insertions(+), 3 deletions(-)
 rename static/og-images/{og_image.png => main.png} (100%)

diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index 162f67c..00394dc 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -40,6 +40,8 @@ export const load: LayoutLoad = async ({ data, depends, fetch, url }) => {
     data: { user },
   } = await supabase.auth.getUser()
 
+  const rootOpenGraphImage = `${url.origin}/main.png`
+
   const baseMetaTags = Object.freeze({
     title: 'Sveltey - SvelteKit SaaS Template',
     titleTemplate: '%s | Sveltey',
@@ -57,11 +59,11 @@ export const load: LayoutLoad = async ({ data, depends, fetch, url }) => {
       locale: 'en_US',
       images: [
         {
-          url: `${url.origin}/og-image.jpg`,
+          url: rootOpenGraphImage,
           width: 1200,
           height: 630,
           alt: 'Sveltey - SvelteKit SaaS Template',
-          type: 'image/jpeg'
+          type: 'image/png'
         }
       ]
     },
@@ -73,7 +75,7 @@ export const load: LayoutLoad = async ({ data, depends, fetch, url }) => {
       title: 'Sveltey - SvelteKit SaaS Template',
       description: 'A comprehensive, production-ready SaaS template built with Svelte 5, SvelteKit 2, Supabase, and Skeleton UI.',
       // OG Images can be easily created with https://ogimagemaker.com
-      image: `${url.origin}/og_image.png`,
+      image: rootOpenGraphImage,
       imageAlt: 'Sveltey - SvelteKit SaaS Template'
     },
     
diff --git a/static/og-images/og_image.png b/static/og-images/main.png
similarity index 100%
rename from static/og-images/og_image.png
rename to static/og-images/main.png