renegade.fi: Fix meta tags

renegade-fi · Nov 30, 2023 · 854d43c · 854d43c · vercel · Nov 30, 2023
1 parent e5fc75c
commit 854d43c
Showing 1 changed file with 88 additions and 3 deletions.
diff --git a/renegade.fi/pages/mobile.tsx b/renegade.fi/pages/mobile.tsx
@@ -1,14 +1,99 @@
 import Head from "next/head"
 import LandingPageMobile from "@/views/mobile"
+import mixpanel from "mixpanel-browser"
+
+import {
+  BASE_URL,
+  DESCRIPTION,
+  MAIN_OPENGRAPH,
+  ORGANIZATION_JSONLD,
+  SHORT_DESCRIPTION,
+  TITLE,
+  TWITTER_HANDLE,
+} from "../../seo"
+
+if (!process.env.NEXT_PUBLIC_MIXPANEL_TOKEN) {
+  throw new Error("Missing NEXT_PUBLIC_MIXPANEL_TOKEN")
+}
+
+mixpanel.init(process.env.NEXT_PUBLIC_MIXPANEL_TOKEN, {
+  debug: true,
+  track_pageview: true,
+})
+mixpanel.track("Initialization")
 
 export default function Home() {
   return (
     <>
       <Head>
-        <title>Create Next App</title>
-        <meta name="description" content="Generated by create next app" />
+        <title>{TITLE}</title>
+        <meta name="description" content={DESCRIPTION} />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" href="/favicon.ico" />
+        <meta name="theme-color" content="#000000" />
+        <meta name="robots" content="index, follow" />
+        <meta property="og:description" content={SHORT_DESCRIPTION} />
+        <meta property="og:image" content={MAIN_OPENGRAPH} />
+        <meta property="og:title" content="Renegade" />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content={BASE_URL} />
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta name="twitter:creator" content={TWITTER_HANDLE} />
+        <meta name="twitter:description" content={SHORT_DESCRIPTION} />
+        <meta property="twitter:image" content={MAIN_OPENGRAPH} />
+        <meta name="twitter:site" content={TWITTER_HANDLE} />
+        <meta name="twitter:title" content="Renegade" />
+        <link
+          rel="apple-touch-icon"
+          sizes="57x57"
+          href="../icons/apple/glyph57.png"
+        />
+        <link
+          rel="apple-touch-icon"
+          sizes="60x60"
+          href="../icons/apple/glyph60.png"
+        />
+        <link
+          rel="apple-touch-icon"
+          sizes="72x72"
+          href="../icons/apple/glyph72.png"
+        />
+        <link
+          rel="apple-touch-icon"
+          sizes="76x76"
+          href="../icons/apple/glyph76.png"
+        />
+        <link
+          rel="apple-touch-icon"
+          sizes="114x114"
+          href="../icons/apple/glyph114.png"
+        />
+        <link
+          rel="apple-touch-icon"
+          sizes="120x120"
+          href="../icons/apple/glyph120.png"
+        />
+        <link
+          rel="apple-touch-icon"
+          sizes="144x144"
+          href="../icons/apple/glyph144.png"
+        />
+        <link
+          rel="apple-touch-icon"
+          sizes="152x152"
+          href="../icons/apple/glyph152.png"
+        />
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="../icons/apple/glyph180.png"
+        />
+        <link rel="canonical" href="https://renegade.fi" />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(ORGANIZATION_JSONLD),
+          }}
+        />
       </Head>
       <main>
         <LandingPageMobile />