og

app/[locale]/contact/page.tsx

@@ -4,6 +4,8 @@ import Reveal from '@/components/Reveal';
 import { Container, Heading, Section } from '@/components/ui';
 import { Metadata } from 'next';
 import { getTranslations } from 'next-intl/server';
+import { SITE_URL } from '@/lib/schema';
+import { getOGImageMetadata } from '@/lib/metadata';
 import { Suspense } from 'react';
 import dynamic from 'next/dynamic';
 const LeafletMap = dynamic(() => import('@/components/LeafletMap'), {
@@ -40,14 +42,7 @@ export async function generateMetadata({ params: { locale } }: ContactPageProps)
       description,
       url: `https://klz-cables.com/${locale}/contact`,
       siteName: 'KLZ Cables',
-      images: [
-        {
-          url: 'https://klz-cables.com/logo.png',
-          width: 1200,
-          height: 630,
-          alt: 'KLZ Cables Contact',
-        },
-      ],
+      images: getOGImageMetadata('contact', title, locale),
       locale: `${locale.toUpperCase()}_DE`,
       type: 'website',
     },
@@ -55,7 +50,7 @@ export async function generateMetadata({ params: { locale } }: ContactPageProps)
       card: 'summary_large_image',
       title: `${title} | KLZ Cables`,
       description,
-      images: ['https://klz-cables.com/logo.png'],
+      images: [`${SITE_URL}/${locale}/contact/opengraph-image`],
     },
     robots: {
       index: true,