67fbd4d152
- Add Space Grotesk and JetBrains Mono fonts - Implement light/dark mode toggle with next-themes - Update color palette to match Ersen (HSL-based tokens) - Add ThemeProvider and ThemeToggle components - Reduce border radius to 0.3rem for cleaner look
57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Space_Grotesk, JetBrains_Mono } from "next/font/google";
|
|
import "./globals.css";
|
|
import { Navbar } from "@/components/layout/navbar";
|
|
import { cn } from "@/lib/utils";
|
|
import { PreferencesProvider } from "@/contexts/preferences-context";
|
|
import { AuthProvider } from "@/contexts/auth-context";
|
|
import { ThemeProvider } from "@/components/theme-provider";
|
|
import { Footer } from "@/components/layout/footer";
|
|
|
|
const spaceGrotesk = Space_Grotesk({
|
|
subsets: ["latin"],
|
|
variable: "--font-sans",
|
|
});
|
|
|
|
const jetbrainsMono = JetBrains_Mono({
|
|
subsets: ["latin"],
|
|
variable: "--font-mono",
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Elmeg - Fandom Archive",
|
|
description: "The ultimate fandom community platform.",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<body className={cn(
|
|
spaceGrotesk.variable,
|
|
jetbrainsMono.variable,
|
|
"min-h-screen bg-background font-sans antialiased flex flex-col"
|
|
)}>
|
|
<ThemeProvider
|
|
attribute="class"
|
|
defaultTheme="dark"
|
|
enableSystem
|
|
disableTransitionOnChange
|
|
>
|
|
<AuthProvider>
|
|
<PreferencesProvider>
|
|
<Navbar />
|
|
<main className="flex-1 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
|
|
{children}
|
|
</main>
|
|
<Footer />
|
|
</PreferencesProvider>
|
|
</AuthProvider>
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|