og

app/[locale]/products/opengraph-image.tsx

@@ -5,10 +5,31 @@ import { OGImageTemplate } from '@/components/OGImageTemplate';
 
 export const runtime = 'nodejs';
 
-export default async function Image({ params: { locale, slug } }: { params: { locale: string, slug: string[] } }) {
-  const productSlug = slug[slug.length - 1];
+export default async function Image({ params: { locale, slug } }: { params: { locale: string, slug?: string[] } }) {
   const t = await getTranslations('Products');
 
+  // If no slug, it's the main products page
+  if (!slug || slug.length === 0) {
+    const title = t('meta.title') || t('title');
+    const description = t('meta.description') || t('subtitle');
+
+    return new ImageResponse(
+      (
+        <OGImageTemplate
+          title={title}
+          description={description}
+          label="Products"
+        />
+      ),
+      {
+        width: 1200,
+        height: 630,
+      }
+    );
+  }
+
+  const productSlug = slug[slug.length - 1];
+
   // Check if it's a category page
   const categories = ['low-voltage-cables', 'medium-voltage-cables', 'high-voltage-cables', 'solar-cables'];
   if (categories.includes(productSlug)) {