diff --git a/app/layout.tsx b/app/layout.tsx index 83a7f1a..5526527 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,5 +1,7 @@ import type { Metadata } from "next" import { Inter, Inter_Tight } from "next/font/google" +import { NextIntlClientProvider } from "next-intl" +import { getLocale, getMessages } from "next-intl/server" import { ThemeProvider } from "next-themes" import Header from "@/components/Header" import Footer from "@/components/Footer" @@ -40,28 +42,33 @@ export const metadata: Metadata = { }, } -export default function RootLayout({ +export default async function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { + const locale = await getLocale() + const messages = await getMessages() + return ( - - - -
-
- {children} -
-
- - - - - + + + + +
+
+ {children} +
+
+ + + + + + ) } diff --git a/components/Footer.tsx b/components/Footer.tsx index d8d5262..ec7a7ee 100644 --- a/components/Footer.tsx +++ b/components/Footer.tsx @@ -2,10 +2,14 @@ import Image from "next/image" import Link from "next/link" +import { useTranslations } from "next-intl" import NewsletterForm from "@/components/NewsletterForm" -import { CONTACT_CHANNELS, FOOTER_GROUPS, SITE_BRAND, SITE_DESCRIPTION } from "@/lib/site-content" +import { CONTACT_CHANNELS, FOOTER_GROUPS } from "@/lib/site-content" export default function Footer() { + const t = useTranslations("footer") + const site = useTranslations("site") + return (