import type { Metadata, Viewport } from "next"; import { Big_Shoulders, Space_Grotesk, IBM_Plex_Mono } from "next/font/google"; import RegisterServiceWorker from "@/components/RegisterServiceWorker"; import "./globals.css"; const bigShoulders = Big_Shoulders({ variable: "--font-big-shoulders", weight: ["700", "900"], subsets: ["latin"], // Next's fallback-metrics table has no entry for this (newer, merged // variable-font) family name, so the automatic CLS-reducing fallback // override it would otherwise generate always fails with a build // warning — opt out instead of leaving that warning unresolved. adjustFontFallback: false, }); const spaceGrotesk = Space_Grotesk({ variable: "--font-space-grotesk", subsets: ["latin"], }); const plexMono = IBM_Plex_Mono({ variable: "--font-plex-mono", weight: ["400", "500", "600"], subsets: ["latin"], }); export const metadata: Metadata = { title: "vpinball — Visual Pinball in your browser", description: "Play real .vpx pinball tables in the browser, powered by a WebAssembly build of Visual Pinball. Drop in your own table or play the bundled demo.", }; export const viewport: Viewport = { themeColor: "#0b0b0f", }; export default function RootLayout({ children }: LayoutProps<"/">) { return ( {children} ); }