import { Head, Html, Main, NextScript } from "next/document";

export default function Document() {
  return (
    <Html lang="en">
      <Head>
        <link
          rel="apple-touch-icon"
          sizes="180x180"
          href="/apple-touch-icon.png"
        />
        <link rel="icon" type="image/x-icon" href="/favicon.ico" />
        <link
          rel="icon"
          type="image/png"
          sizes="32x32"
          href="/favicon-32x32.png"
        />
        <link
          rel="icon"
          type="image/png"
          sizes="16x16"
          href="/favicon-16x16.png"
        />
        <meta
          name="description"
          content="Open-source chess app to play, view and analyze your chess games for free from anywhere with Stockfish !"
        />

        {/* Balises OG (Facebook & Twitter) */}
        <meta property="og:type" content="website" />
        <meta property="og:title" content="FreeChess" />
        <meta property="og:site_name" content="Freechess.web.app" />
        <meta property="og:url" content="https://freechess.web.app/" />
        <meta
          property="og:image"
          content="https://freechess.web.app/android-chrome-512x512.png"
        />
        <meta
          property="og:description"
          content="Open-source chess app to play, view and analyze your chess games for free from anywhere with Stockfish !"
        />

        {/* Balise Twitter */}
        <meta name="twitter:card" content="summary_large_image" />
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  );
}
