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

export default function Document() {
  return (
    <Html lang="en">
      <Head>
        <meta charSet="utf-8" />
        <meta name="description" content="Bone Lord Bob is an American Anime project — dark, brutal, beautiful. Coming soon." />
        {/* Open Graph */}
        <meta property="og:title" content="Bone Lord Bob — American Anime" />
        <meta property="og:description" content="American Anime. Dark. Brutal. Beautiful." />
        <meta property="og:image" content="https://bonelordbob.com/og-image.png" />
        <meta property="og:url" content="https://bonelordbob.com/" />
        <meta property="og:type" content="website" />
        {/* Twitter Card */}
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:site" content="@bonelordbob" />
        <meta name="twitter:title" content="Bone Lord Bob — American Anime" />
        <meta name="twitter:description" content="American Anime. Dark. Brutal. Beautiful." />
        <meta name="twitter:image" content="https://bonelordbob.com/og-image.jpg" />
        {/* Google Analytics GA4 — G-6EJVCK4931 */}
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-6EJVCK4931" />
        <script
          dangerouslySetInnerHTML={{
            __html: `
              window.dataLayer = window.dataLayer || [];
              function gtag(){dataLayer.push(arguments);}
              gtag('js', new Date());
              gtag('config', 'G-6EJVCK4931');
            `,
          }}
        />
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  );
}
