wip

app/[locale]/contact/page.tsx

@@ -1,6 +1,49 @@
 import { useTranslations } from 'next-intl';
+import { getTranslations } from 'next-intl/server';
+import { Metadata } from 'next';
 import { Section, Container, Button, Heading, Card, Input, Textarea, Label } from '@/components/ui';
 
+interface ContactPageProps {
+  params: {
+    locale: string;
+  };
+}
+
+export async function generateMetadata({ params: { locale } }: ContactPageProps): Promise<Metadata> {
+  const t = await getTranslations({ locale, namespace: 'Contact' });
+  return {
+    title: t('title'),
+    description: t('subtitle'),
+    alternates: {
+      canonical: `/${locale}/contact`,
+      languages: {
+        'de': '/de/contact',
+        'en': '/en/contact',
+        'x-default': '/en/contact',
+      },
+    },
+    openGraph: {
+      title: `${t('title')} | KLZ Cables`,
+      description: t('subtitle'),
+      url: `https://klz-cables.com/${locale}/contact`,
+      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 ContactPage() {
   const t = useTranslations('Contact');