wip

app/[locale]/layout.tsx

@@ -1,14 +1,18 @@
 import {NextIntlClientProvider} from 'next-intl';
-import {getMessages} from 'next-intl/server';
+import {getMessages, getTranslations} from 'next-intl/server';
 import '../../styles/globals.css';
 import Header from '@/components/Header';
 import Footer from '@/components/Footer';
 import { Metadata, Viewport } from 'next';
 
-export const metadata: Metadata = {
-  title: 'KLZ Cables',
-  description: 'Premium Cable Solutions',
-};
+export async function generateMetadata({params: {locale}}: {params: {locale: string}}): Promise<Metadata> {
+  const t = await getTranslations({locale, namespace: 'Index.meta'});
+ 
+  return {
+    title: t('title'),
+    description: t('description')
+  };
+}
 
 export const viewport: Viewport = {
   width: 'device-width',