import {NextIntlClientProvider} from 'next-intl'; import {getMessages} 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 const viewport: Viewport = { width: 'device-width', initialScale: 1, maximumScale: 1, userScalable: false, viewportFit: 'cover', themeColor: '#001a4d', }; export default async function LocaleLayout({ children, params: {locale} }: { children: React.ReactNode; params: {locale: string}; }) { // Providing all messages to the client // side is the easiest way to get started const messages = await getMessages(); return (

{children}