import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import { Cabin } from "next/font/google"; import "./globals.css"; import { DotBackground } from "@/app/components/dotbackground"; const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], }); const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], }); const cabin = Cabin({ variable: "--font-cabin", subsets: ["latin"], display: "swap", }); export const metadata: Metadata = { title: { default: "Nicholai", template: "%s · Nicholai", }, description: "Professional portfolio of Nicholai — VFX Supervisor & Developer", openGraph: { title: "Nicholai", description: "Professional portfolio of Nicholai — VFX Supervisor & Developer", url: "https://nicholai.work", siteName: "Nicholai", images: ["/images/profile.jpg"], locale: "en_US", type: "website", }, alternates: { canonical: "https://nicholai.work", }, icons: { icon: "/favicon.ico", }, }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return (