Files
salmakisyatch/app/[locale]/layout.tsx

56 lines
1.6 KiB
TypeScript

import type { Metadata } from "next";
import { Inter, Oswald } from "next/font/google";
import "../globals.css";
import Navbar from "../components/Navbar";
import Footer from "../components/Footer";
import {NextIntlClientProvider} from 'next-intl';
import {getMessages} from 'next-intl/server';
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const oswald = Oswald({
variable: "--font-oswald",
subsets: ["latin", "latin-ext"],
});
export const metadata: Metadata = {
title: "Salmakis Yachting | Luxury Yacht Charters in Bodrum & Aegean",
description: "Experience the pinnacle of Aegean luxury with Salmakis Yachting. Premium yacht charters since 1980.",
keywords: ["yacht charter", "bodrum", "luxury yacht", "meira", "salmakis yachting"],
};
export default async function RootLayout({
children,
params
}: {
children: React.ReactNode;
params: Promise<{ locale: string }>;
}) {
const { locale } = await params;
const messages = await getMessages();
return (
<html
lang={locale}
className={`${inter.variable} ${oswald.variable} h-full antialiased`}
>
<head>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet" />
</head>
<body className="min-h-full flex flex-col bg-white text-on-surface">
<NextIntlClientProvider messages={messages}>
<Navbar />
<main className="flex-grow">
{children}
</main>
<Footer />
</NextIntlClientProvider>
</body>
</html>
);
}