silancar/app/layout.tsx

52 lines
1.1 KiB
TypeScript

import { Geist_Mono, Inter, Roboto } from "next/font/google"
import "./globals.css"
import { ThemeProvider } from "@/components/theme-provider"
import { cn } from "@/lib/utils"
import type { Metadata } from "next"
export const metadata: Metadata = {
title: "Silancar",
description: "Silancar Korlantas",
icons: {
icon: "/favicon.ico", // atau png
},
}
const inter = Inter({ subsets: ["latin"], variable: "--font-sans" })
const fontMono = Geist_Mono({
subsets: ["latin"],
variable: "--font-mono",
})
const roboto = Roboto({
subsets: ["latin"],
weight: ["400", "700", "900"],
variable: "--font-roboto",
})
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode
}>) {
return (
<html
lang="en"
suppressHydrationWarning
className={cn(
"antialiased",
fontMono.variable,
inter.variable,
roboto.variable,
"font-sans"
)}
>
<body className="min-h-screen bg-[url('/main-background.png')] bg-cover bg-center bg-no-repeat">
<ThemeProvider>{children}</ThemeProvider>
</body>
</html>
)
}