wip

app/[locale]/products/page.tsx

@@ -2,6 +2,8 @@ import Reveal from '@/components/Reveal';
 import Scribble from '@/components/Scribble';
 import { Badge, Button, Card, Container, Section } from '@/components/ui';
 import { useTranslations } from 'next-intl';
+import { getTranslations } from 'next-intl/server';
+import { Metadata } from 'next';
 import Image from 'next/image';
 import Link from 'next/link';
 
@@ -11,6 +13,41 @@ interface ProductsPageProps {
   };
 }
 
+export async function generateMetadata({ params: { locale } }: ProductsPageProps): Promise<Metadata> {
+  const t = await getTranslations({ locale, namespace: 'Products' });
+  return {
+    title: t('title'),
+    description: t('subtitle'),
+    alternates: {
+      canonical: `/${locale}/products`,
+      languages: {
+        'de': '/de/products',
+        'en': '/en/products',
+        'x-default': '/en/products',
+      },
+    },
+    openGraph: {
+      title: `${t('title')} | KLZ Cables`,
+      description: t('subtitle'),
+      url: `https://klz-cables.com/${locale}/products`,
+      images: [
+        {
+          url: '/uploads/2025/02/og-2.webp',
+          width: 1200,
+          height: 630,
+          alt: t('title'),
+        },
+      ],
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title: `${t('title')} | KLZ Cables`,
+      description: t('subtitle'),
+      images: ['/uploads/2025/02/og-2.webp'],
+    },
+  };
+}
+
 export default function ProductsPage({ params }: ProductsPageProps) {
   const t = useTranslations('Products');