import "~/styles/globals.css"; import { type Metadata } from "next"; import localFont from "next/font/local"; import { TRPCReactProvider } from "~/trpc/react"; import { Toaster } from "~/components/ui/sonner"; import { AnimationPreferencesProvider } from "~/components/providers/animation-preferences-provider"; import { AppearanceProvider } from "~/components/providers/appearance-provider"; import { brand, defaultBodyFontPreference, defaultHeadingFontPreference, defaultInterfaceTheme, defaultRadiusPreference, defaultSidebarStyle, } from "~/lib/branding"; import { UmamiScript } from "~/components/analytics/umami-script"; export const metadata: Metadata = { title: `${brand.name} - Invoicing Made Simple`, description: brand.tagline, icons: [{ rel: "icon", url: "/favicon.ico" }], }; const geistSans = localFont({ src: "../../public/fonts/geist/sans/Geist-VariableFont_wght.ttf", variable: "--font-geist-sans", display: "swap", }); const playfair = localFont({ src: "../../node_modules/@fontsource-variable/playfair-display/files/playfair-display-latin-wght-normal.woff2", variable: "--font-playfair", display: "swap", }); const frutiger = localFont({ src: [ { path: "../../public/fonts/frutiger/Frutiger.ttf", weight: "400", style: "normal", }, { path: "../../public/fonts/frutiger/Frutiger_bold.ttf", weight: "700", style: "normal", }, ], variable: "--font-frutiger", display: "swap", }); const geistMono = localFont({ src: "../../public/fonts/geist/mono/GeistMono-VariableFont_wght.ttf", variable: "--font-geist-mono", display: "swap", }); export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (