import { PostHogProvider } from "@/components/PostHogProvider"; import { Header } from "@/components/header"; import { LicenseNotice } from "@/components/license-notice"; import type { Metadata, Viewport } from "next"; import { Inter } from "next/font/google"; import { Toaster } from "sonner"; import "./globals.css"; import { ThemeProvider } from "./theme-provider"; import { getTotalIcons } from "@/lib/api" const inter = Inter({ variable: "--font-inter", subsets: ["latin"], }); export const viewport: Viewport = { width: "device-width", initialScale: 1, themeColor: "#ffffff", }; export async function generateMetadata(): Promise { const { totalIcons } = await getTotalIcons() return { metadataBase: new URL("https://dashboardicons.com"), title: "Dashboard Icons - Your definitive source for dashboard icons", description: `A collection of ${totalIcons} curated icons for services, applications and tools, designed specifically for dashboards and app directories.`, keywords: [ "dashboard icons", "service icons", "application icons", "tool icons", "web dashboard", "app directory", ], robots: { index: true, follow: true, "max-image-preview": "large", "max-snippet": -1, "max-video-preview": -1, googleBot: "index, follow", }, openGraph: { siteName: "Dashboard Icons", type: "website", locale: "en_US", title: "Dashboard Icons - Your definitive source for dashboard icons", description: `A collection of ${totalIcons} curated icons for services, applications and tools, designed specifically for dashboards and app directories.`, url: "https://dashboardicons.com", images: [ { url: "/og-image.png", width: 1200, height: 630, alt: "Dashboard Icons", type: "image/png", }, ], }, twitter: { card: "summary_large_image", site: "@homarr_app", creator: "@homarr_app", title: "Dashboard Icons - Your definitive source for dashboard icons", description: `A collection of ${totalIcons} curated icons for services, applications and tools, designed specifically for dashboards and app directories.`, images: ["/og-image.png"], }, applicationName: "Dashboard Icons", appleWebApp: { title: "Dashboard Icons", statusBarStyle: "default", capable: true, }, alternates: { types: { "application/rss+xml": "https://dashboardicons.com/rss.xml", }, }, icons: { icon: [ { url: "/favicon.ico", sizes: "any" }, { url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" }, { url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" }, ], apple: [ { url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" }, ], other: [ { rel: "mask-icon", url: "/safari-pinned-tab.svg", color: "#000000", }, ], }, manifest: "/site.webmanifest", } } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (

{children}

); }