init

app/layout.tsx

@@ -0,0 +1,32 @@
+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>
+  );
+}