52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import type { Metadata } from "next";
|
|
import "./globals.css";
|
|
import { IBM_Plex_Sans, IBM_Plex_Mono } from "next/font/google";
|
|
import { Provider } from "@/components/ui/provider";
|
|
import { Flex } from "@chakra-ui/react";
|
|
import { Toaster } from "@/components/ui/toaster";
|
|
import { Suspense } from "react";
|
|
|
|
const ibmPlexSans = IBM_Plex_Sans({
|
|
subsets: ["latin"],
|
|
variable: "--font-ibm",
|
|
});
|
|
|
|
const ibmPlexMono = IBM_Plex_Mono({
|
|
subsets: ["latin"],
|
|
weight: "600",
|
|
variable: "--font-ibm-mono",
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "LMGCITFY",
|
|
description: "Let me GCI that for you.",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning={true}>
|
|
<body className={`${ibmPlexSans.variable} ${ibmPlexMono.variable}`}>
|
|
<Provider>
|
|
<Suspense>
|
|
<Flex
|
|
backgroundImage={"url(/background.gif)"}
|
|
backgroundRepeat={"repeat"}
|
|
minH={"100vh"}
|
|
minW={"full"}
|
|
justify={"center"}
|
|
align={"center"}
|
|
>
|
|
{children}
|
|
</Flex>
|
|
</Suspense>
|
|
<Toaster />
|
|
</Provider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|