wip

app/[locale]/team/page.tsx

@@ -1,8 +1,51 @@
 import { useTranslations } from 'next-intl';
+import { getTranslations } from 'next-intl/server';
+import { Metadata } from 'next';
 import { Section, Container, Heading, Badge, Button } from '@/components/ui';
 import Image from 'next/image';
 import Reveal from '@/components/Reveal';
 
+interface TeamPageProps {
+  params: {
+    locale: string;
+  };
+}
+
+export async function generateMetadata({ params: { locale } }: TeamPageProps): Promise<Metadata> {
+  const t = await getTranslations({ locale, namespace: 'Team' });
+  return {
+    title: t('hero.subtitle'),
+    description: t('hero.title'),
+    alternates: {
+      canonical: `/${locale}/team`,
+      languages: {
+        'de': '/de/team',
+        'en': '/en/team',
+        'x-default': '/en/team',
+      },
+    },
+    openGraph: {
+      title: `${t('hero.subtitle')} | KLZ Cables`,
+      description: t('hero.title'),
+      url: `https://klz-cables.com/${locale}/team`,
+      images: [
+        {
+          url: '/uploads/2024/12/DSC07655-Large.webp',
+          width: 1200,
+          height: 630,
+          alt: t('hero.subtitle'),
+        },
+      ],
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title: `${t('hero.subtitle')} | KLZ Cables`,
+      description: t('hero.title'),
+      images: ['/uploads/2024/12/DSC07655-Large.webp'],
+    },
+  };
+}
+
 export default function TeamPage() {
   const t = useTranslations('Team');