Marc Mintel
3b03572fb0
Some checks failed
Build & Deploy KLZ Cables / deploy (push) Has been cancelled
49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import Footer from '@/components/Footer';
|
|
import Header from '@/components/Header';
|
|
import JsonLd from '@/components/JsonLd';
|
|
import AnalyticsProvider from '@/components/analytics/AnalyticsProvider';
|
|
import { Viewport } from 'next';
|
|
import { NextIntlClientProvider } from 'next-intl';
|
|
import { getMessages } from 'next-intl/server';
|
|
import '../../styles/globals.css';
|
|
|
|
|
|
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 (
|
|
<html lang={locale} className="scroll-smooth overflow-x-hidden">
|
|
<body className="flex flex-col min-h-screen font-sans selection:bg-accent selection:text-primary-dark antialiased overflow-x-hidden">
|
|
<NextIntlClientProvider messages={messages} locale={locale}>
|
|
<JsonLd />
|
|
<Header />
|
|
<main className="flex-grow animate-fade-in overflow-visible">
|
|
{children}
|
|
</main>
|
|
<Footer />
|
|
|
|
{/* Sends pageviews for client-side navigations */}
|
|
<AnalyticsProvider />
|
|
</NextIntlClientProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|