import { Head, Html, Main, NextScript } from "next/document";
import Script from "next/script";
import { inter } from "~/utils/fonts";

export default function Document() {
	return (
		<Html className={`${inter.variable} scrollbar-default font-sans`}>
			<Head>
				<link
					href="/favicon/apple-touch-icon.png"
					rel="apple-touch-icon"
					sizes="180x180"
				/>
				<link
					href="/favicon/favicon-32x32.png"
					rel="icon"
					sizes="32x32"
					type="image/png"
				/>
				<link
					href="/favicon/favicon-16x16.png"
					rel="icon"
					sizes="16x16"
					type="image/png"
				/>
				<link href="/site.webmanifest" rel="manifest" />
				<link
					color="#5bbad5"
					href="/favicon/safari-pinned-tab.svg"
					rel="mask-icon"
				/>
				<meta content="#da532c" name="msapplication-TileColor" />

				<meta
					content="#f8f8f8"
					media="(prefers-color-scheme: light)"
					name="theme-color"
				/>
				<meta
					content="#121212"
					media="(prefers-color-scheme: dark)"
					name="theme-color"
				/>
				<meta
					content="#f8f8f8"
					media="(prefers-color-scheme: light)"
					name="background-color"
				/>
				<meta
					content="#121212"
					media="(prefers-color-scheme: dark)"
					name="background-color"
				/>
			</Head>
			<body>
				<Main />
				<NextScript />
				<Script defer src="https://analytics.infoalloggi.it/script.js" data-website-id="6b4cf3e6-3c80-40b4-ad26-f33870c33a71"></Script>
			</body>
		</Html>
	);
}

