import type { Metadata, Viewport } from "next"; import { Inter } from "next/font/google"; import "./globals.css"; import { ThemeProvider } from "@/components/providers/ThemeProvider"; import { SessionProvider } from "@/components/providers/SessionProvider"; import { Toaster } from "sonner"; import { APP_NAME, APP_DESCRIPTION, APP_URL } from "@/lib/constants"; const inter = Inter({ subsets: ["latin"], display: "swap", variable: "--font-inter", }); export const metadata: Metadata = { metadataBase: new URL(APP_URL), title: { default: `${APP_NAME} | Kuis Berkah: Asah Pengetahuan, Tantang Temanmu!`, template: `%s | ${APP_NAME}`, }, description: APP_DESCRIPTION, keywords: ["kuis", "quiz", "pengetahuan", "belajar", "agama", "trivia", "Indonesia"], authors: [{ name: "QuizB Team" }], creator: "QuizB", openGraph: { type: "website", locale: "id_ID", url: APP_URL, title: `${APP_NAME} | Kuis Berkah`, description: APP_DESCRIPTION, siteName: APP_NAME, images: [{ url: "/og-image.png", width: 1200, height: 630 }], }, twitter: { card: "summary_large_image", title: `${APP_NAME} | Kuis Berkah`, description: APP_DESCRIPTION, }, robots: { index: true, follow: true, googleBot: { index: true, follow: true }, }, }; export const viewport: Viewport = { themeColor: [ { media: "(prefers-color-scheme: light)", color: "#ffffff" }, { media: "(prefers-color-scheme: dark)", color: "#0a0a0f" }, ], width: "device-width", initialScale: 1, }; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( {children} ); }