twotalesanimation
51 lines
1.4 KiB
TypeScript
51 lines
1.4 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
|
import { Geist, Geist_Mono, Josefin_Sans } from "next/font/google";
|
|
import Header from "@/components/Header";
|
|
import Footer from "@/components/Footer";
|
|
import { site } from "@/content/site";
|
|
import "./globals.css";
|
|
|
|
const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"] });
|
|
const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"] });
|
|
const josefin = Josefin_Sans({
|
|
variable: "--font-josefin",
|
|
subsets: ["latin"],
|
|
weight: ["100", "300", "400"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
metadataBase: new URL(site.url),
|
|
title: {
|
|
default: `${site.name}: Visual Effects Studio`,
|
|
template: `%s | ${site.name}`,
|
|
},
|
|
description: site.description,
|
|
openGraph: {
|
|
type: "website",
|
|
siteName: site.name,
|
|
title: `${site.name}: Visual Effects Studio`,
|
|
description: site.description,
|
|
url: site.url,
|
|
},
|
|
twitter: { card: "summary_large_image" },
|
|
};
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: "#0a0a0b",
|
|
};
|
|
|
|
export default function RootLayout({ children }: LayoutProps<"/">) {
|
|
return (
|
|
<html
|
|
lang="en"
|
|
className={`${geistSans.variable} ${geistMono.variable} ${josefin.variable} antialiased`}
|
|
>
|
|
<body className="grain flex min-h-dvh flex-col font-sans">
|
|
<Header />
|
|
<main className="flex-1">{children}</main>
|
|
<Footer />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|