import { siteConfig } from "@/config/site"; import { googleSans } from "./fonts"; import Header from "@/components/layout/Header"; import Footer from "@/components/layout/Footer"; import SmoothScroll from "@/components/providers/SmoothScroll"; import Preloader from "@/components/providers/Preloader"; import { ContactModalProvider } from "@/components/providers/ContactModal"; import "./globals.css"; /** * Root metadata. The `title.template` appends "— Cerkel" to every child * page title automatically, so pages only set their own short title. * * @type {import('next').Metadata} */ export const metadata = { metadataBase: new URL(siteConfig.url), title: { default: siteConfig.title, template: `%s — ${siteConfig.name}`, }, description: siteConfig.description, keywords: [...siteConfig.keywords], authors: [{ name: siteConfig.name }], creator: siteConfig.name, icons: { icon: "/images/CerkelLogo.png", apple: "/images/CerkelLogo.png", }, openGraph: { type: "website", locale: siteConfig.locale, url: siteConfig.url, siteName: siteConfig.name, title: siteConfig.title, description: siteConfig.description, images: [{ url: siteConfig.ogImage, width: 1200, height: 630 }], }, twitter: { card: "summary_large_image", title: siteConfig.title, description: siteConfig.description, images: [siteConfig.ogImage], }, }; /** @type {import('next').Viewport} */ export const viewport = { themeColor: "#0a0a0b", colorScheme: "dark", }; export default function RootLayout({ children }) { return (