import type { Metadata, Viewport } from "next";

// Fonts are bundled from npm, so builds never depend on reaching Google Fonts.
import "@fontsource/cinzel/500.css";
import "@fontsource/cinzel/700.css";
import "@fontsource/silkscreen/400.css";
import "@fontsource/ibm-plex-sans/400.css";
import "@fontsource/ibm-plex-sans/500.css";
import "./globals.css";

export const metadata: Metadata = {
  title: "Wayfarer",
  description: "Weather for the road ahead — by Cayden Codes.",
  authors: [{ name: "Cayden Codes", url: "https://caydens.dev" }],
  creator: "Cayden Codes",
  appleWebApp: { capable: true, statusBarStyle: "black-translucent", title: "Wayfarer" },
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  viewportFit: "cover", // lets the layout use the full screen on notched phones
  themeColor: "#000000",
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}