the-tip-top-frontend/app/layout.tsx
2025-11-17 23:38:02 +01:00

75 lines
2.2 KiB
TypeScript

import type { Metadata } from "next";
import "./globals.css";
import { AuthProvider } from "@/contexts/AuthContext";
import { Toaster } from "react-hot-toast";
import LayoutClient from "./layout-client";
import { GoogleOAuthProvider } from "@react-oauth/google";
export const metadata: Metadata = {
title: "Thé Tip Top - Jeu Concours",
description: "Participez au grand jeu-concours Thé Tip Top et gagnez des lots exceptionnels ! 100% de tickets gagnants.",
keywords: "thé, concours, jeu, tip top, nice, gain, lot, infuseur, coffret",
authors: [{ name: "Thé Tip Top" }],
icons: {
icon: [
{ url: '/favicon.svg', type: 'image/svg+xml' },
{ url: '/icon.svg', type: 'image/svg+xml' },
{ url: '/logos/logo.svg', type: 'image/svg+xml' },
],
shortcut: '/favicon.svg',
apple: '/logos/logo.svg',
},
openGraph: {
title: "Thé Tip Top - Jeu Concours",
description: "Participez au grand jeu-concours et gagnez des lots exceptionnels !",
type: "website",
locale: "fr_FR",
images: [
{
url: '/logos/logo.svg',
width: 1200,
height: 630,
alt: 'Thé Tip Top Logo',
},
],
},
};
const googleClientId = process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID || '';
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="fr">
<body className="min-h-screen flex flex-col bg-gray-50">
<GoogleOAuthProvider clientId={googleClientId}>
<AuthProvider>
<LayoutClient>{children}</LayoutClient>
<Toaster
position="top-right"
toastOptions={{
duration: 4000,
style: {
background: '#fff',
color: '#333',
},
success: {
iconTheme: {
primary: '#10B981',
secondary: '#fff',
},
},
error: {
iconTheme: {
primary: '#EF4444',
secondary: '#fff',
},
},
}}
/>
</AuthProvider>
</GoogleOAuthProvider>
</body>
</html>
);
}