<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary Meta Tags -->
    <title>NameIt! - The Classic Name, Place, Animal, Thing Game</title>
    <meta
      name="description"
      content="Remember that game you played as a kid? Name, Place, Animal, Thing - now online with custom categories! Create rooms, invite friends, and compete in real-time."
    />
    <meta
      name="keywords"
      content="name place animal thing, word game, multiplayer game, customizable categories, letter game, online game, nostalgia game, category game"
    />
    <meta name="author" content="Simi Hillary" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="NameIt! - The Classic Name, Place, Animal, Thing Game Online"
    />
    <meta
      property="og:description"
      content="Remember that game from childhood? Name, Place, Animal, Thing - now online with custom categories! Create a room, invite friends, and play the nostalgic word game with a modern twist."
    />
    <meta property="og:image" content="https://name-it-ashy.vercel.app/og-image.png" />
    <meta property="og:site_name" content="NameIt!" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta
      name="twitter:title"
      content="NameIt! - Play Name, Place, Animal, Thing Online"
    />

    <meta
      name="twitter:description"
      content="Remember the classic word game from your childhood? Play Name, Place, Animal, Thing online with friends! Create custom categories and compete in real-time."
    />
    <meta name="twitter:image" content="https://name-it-ashy.vercel.app/twitter-image.png" />
    <meta name="twitter:creator" content="@hik_ari_" />

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/icon.png" />
    <!-- <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> -->
    <!-- <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> -->

    <!-- Theme Color -->
    <meta name="theme-color" content="#dc2626" />

    <!-- Additional Meta -->
    <meta name="application-name" content="NameIt!" />
    <meta name="apple-mobile-web-app-title" content="NameIt!" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="format-detection" content="telephone=no" />

    <!-- Smart App Banners -->
    <meta name="apple-itunes-app" content="app-id=6753729004" />
    <meta name="google-play-app" content="app-id=com.simihillary.nameit" />
    <script type="module" crossorigin src="/assets/index-Cvz7LBOb.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BmyDKZD3.css">
  </head>
  <!-- Google tag (gtag.js) -->
  <script
    async
    src="https://www.googletagmanager.com/gtag/js?id=G-F2HENRH527"
  ></script>
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5974713639483990"
     crossorigin="anonymous"></script>
  <!-- Google Tag Manager -->
  <script>
    (function (w, d, s, l, i) {
      w[l] = w[l] || [];
      w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
      var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s),
        dl = l != "dataLayer" ? "&l=" + l : "";
      j.async = true;
      j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
      f.parentNode.insertBefore(j, f);
    })(window, document, "script", "dataLayer", "GTM-N7S6DJBJ");
  </script>
  <!-- End Google Tag Manager -->
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag("js", new Date());

    gtag("config", "G-F2HENRH527");
  </script>
  <body class="bg-orange-50">
    <!-- Google Tag Manager (noscript) -->
    <noscript
      ><iframe
        src="https://www.googletagmanager.com/ns.html?id=GTM-N7S6DJBJ"
        height="0"
        width="0"
        style="display: none; visibility: hidden"
      ></iframe
    ></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div id="root"></div>
  </body>
</html>
