import type { Metadata } from "next";
import { Inter, Caveat } from "next/font/google";
import "./globals.css";
import Starfield from "@/components/ui/Starfield";
import { Providers } from "@/components/Providers";
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
const caveat = Caveat({ subsets: ["latin"], variable: "--font-caveat", weight: ["400", "500", "600", "700"] });
export const metadata: Metadata = {
metadataBase: new URL("https://thetriviaverse.com"),
title: "Triviaverse — Multiplayer Trivia Battle Arena",
description: "Test your knowledge. Prove your worth. Real-time multiplayer trivia with ELO matchmaking.",
openGraph: {
title: "Triviaverse — Multiplayer Trivia Battle Arena",
description: "Test your knowledge. Prove your worth. Real-time multiplayer trivia with ELO matchmaking.",
images: [{ url: "/og-image.png", width: 1200, height: 630, alt: "Triviaverse" }],
type: "website",
},
twitter: {
card: "summary_large_image",
title: "Triviaverse — Multiplayer Trivia Battle Arena",
description: "Test your knowledge. Prove your worth. Real-time multiplayer trivia with ELO matchmaking.",
images: ["/og-image.png"],
},
};
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
{/* Decorative gradient blobs */}
{/* Starfield inside Providers so it receives CosmeticContext for rainbow cosmetic */}
{children}
);
}