54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
// app/layout.tsx
|
|
import "./globals.css";
|
|
import type { ReactNode } from "react";
|
|
import Script from "next/script";
|
|
|
|
import { AuthProvider } from "@/context/AuthContext";
|
|
import { Banner } from "@/components/Banner";
|
|
|
|
export const metadata = {
|
|
title: {
|
|
default: "Battl Builders",
|
|
template: "%s — Battl Builders",
|
|
},
|
|
description: "Build rifles smarter, not harder.",
|
|
icons: {
|
|
icon: [
|
|
{ url: "/favicon.svg", type: "image/svg+xml" },
|
|
{ url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
|
|
],
|
|
},
|
|
};
|
|
|
|
const themeScript = `
|
|
(function () {
|
|
try {
|
|
const storedTheme = localStorage.getItem("theme");
|
|
const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
const theme = storedTheme || (prefersDark ? "dark" : "light");
|
|
document.documentElement.classList.toggle("dark", theme === "dark");
|
|
} catch (_) {}
|
|
})();
|
|
`;
|
|
|
|
export default function RootLayout({ children }: { children: ReactNode }) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning className="dark">
|
|
<head>
|
|
<script dangerouslySetInnerHTML={{ __html: themeScript }} />
|
|
</head>
|
|
|
|
<body className="bg-dark text-zinc-950 dark:bg-black dark:text-zinc-50">
|
|
{" "}
|
|
<Script src="https://umami.ash.gofwd.group/script.js" data-website-id="15c6b9ad-4119-4981-829c-26db69c07a15"
|
|
strategy="lazyOnload"
|
|
/>
|
|
<AuthProvider>
|
|
<Banner />
|
|
{children}
|
|
</AuthProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|