Merge pull request #2 from upayanmazumder-DevLabs/opengraph-tags

Update image URLs in metadata for consistency and absolute paths

Author: upayanmazumder

app/src/app/layout.tsx

@@ -23,7 +23,7 @@ export const metadata: Metadata = {
     siteName: 'Kargo',
     images: [
       {
-        url: '/og-image.png',
+        url: 'https://kargo.dscvit.com/og-image.png',
         width: 1200,
         height: 630,
         alt: 'Kargo Open Graph Image',
@@ -37,7 +37,7 @@ export const metadata: Metadata = {
     title: 'Kargo',
     description:
       'Kargo lets you deploy containerized applications with full flexibility — AI-powered setup, secure infrastructure, and Kubernetes-native scaling, all from a powerful web interface.',
-    images: ['/og-image.png'],
+    images: ['https://kargo.dscvit.com/og-image.png'],
   },
   manifest: '/manifest.webmanifest',
   robots: {

app/src/lib/metadata.ts

@@ -15,9 +15,11 @@ export function generatePageMetadata({
   image = '/og-image.png',
   imageAlt,
 }: PageMetadataOptions): Metadata {
-  const url = `https://kargo.dscvit.com${path}`;
+  const baseUrl = 'https://kargo.dscvit.com';
+  const url = `${baseUrl}${path}`;
   const fullTitle = path === '' ? title : `${title} - Kargo`;
   const altText = imageAlt || `${title} - Kargo`;
+  const absoluteImageUrl = new URL(image, baseUrl).href;
 
   return {
     title: fullTitle,
@@ -29,7 +31,7 @@ export function generatePageMetadata({
       siteName: 'Kargo',
       images: [
         {
-          url: image,
+          url: absoluteImageUrl,
           width: 1200,
           height: 630,
           alt: altText,
@@ -42,7 +44,7 @@ export function generatePageMetadata({
       card: 'summary_large_image',
       title: fullTitle,
       description,
-      images: [image],
+      images: [absoluteImageUrl],
     },
   };
 }