// 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" },
    ],
  },
};

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en" className="dark">
      <head />

      <body className="bg-black 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>
  );
}
