og

app/[locale]/products/[...slug]/page.tsx

@@ -11,6 +11,7 @@ import { getAllProducts, getProductBySlug } from '@/lib/mdx';
 import { mapFileSlugToTranslated, mapSlugToFileSlug } from '@/lib/slugs';
 import { Metadata } from 'next';
 import { getTranslations } from 'next-intl/server';
+import { getProductOGImageMetadata } from '@/lib/metadata';
 import { MDXRemote } from 'next-mdx-remote/rsc';
 import Image from 'next/image';
 import Link from 'next/link';
@@ -51,14 +52,7 @@ export async function generateMetadata({ params }: ProductPageProps): Promise<Me
         title: `${categoryTitle} | KLZ Cables`,
         description: categoryDesc,
         url: `https://klz-cables.com/${locale}/products/${productSlug}`,
-        images: [
-          {
-            url: `/api/og/product?slug=${fileSlug}`,
-            width: 1200,
-            height: 630,
-            alt: categoryTitle,
-          },
-        ],
+        images: getProductOGImageMetadata(fileSlug, categoryTitle, locale),
       },
       twitter: {
         card: 'summary_large_image',
@@ -87,14 +81,7 @@ export async function generateMetadata({ params }: ProductPageProps): Promise<Me
       description: product.frontmatter.description,
       type: 'website',
       url: `https://klz-cables.com/${locale}/products/${slug.join('/')}`,
-      images: [
-        {
-          url: `/api/og/product?slug=${productSlug}`,
-          width: 1200,
-          height: 630,
-          alt: product.frontmatter.title,
-        },
-      ],
+      images: getProductOGImageMetadata(productSlug, product.frontmatter.title, locale),
     },
     twitter: {
       card: 'summary_large_image',