nicholais-website/app/layout.tsx

62 lines
1.4 KiB
TypeScript

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 (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} ${cabin.variable} antialiased`}
>
<DotBackground />
{children}
</body>
</html>
);
}