feat: 🎸 seo

SmartTokenLabs · Jan 12, 2024 · 16f518b · 16f518b
1 parent fda9d77
commit 16f518b
Showing 1 changed file with 78 additions and 3 deletions.
diff --git a/theme.config.tsx b/theme.config.tsx
@@ -11,14 +11,89 @@ const config: DocsThemeConfig = {
   },
   docsRepositoryBase:
     'https://github.com/smarttokenlabs/tokenscript-doc/tree/main',
-  footer: {
-    text: 'Smart Layer Launchpad',
-  },
   useNextSeoProps() {
     return {
       titleTemplate: '%s – Smart Layer Launchpad',
     };
   },
+
+  head: function useHead() {
+    const socialCard =
+      'https://launchpad.smartlayer.network/opengraph-image.png';
+
+    return (
+      <>
+        <meta name="msapplication-TileColor" content="#fff" />
+        <meta name="theme-color" content="#fff" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta httpEquiv="Content-Language" content="en" />
+        <meta
+          name="description"
+          content="A token centric architecture for a token centric web"
+        />
+        <meta
+          name="og:description"
+          content="A token centric architecture for a token centric web"
+        />
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta name="twitter:image" content={socialCard} />
+        <meta
+          name="twitter:site:domain"
+          content="launchpad.smartlayer.network"
+        />
+        <meta
+          name="twitter:url"
+          content="https://launchpad.smartlayer.network/opengraph-image.png"
+        />
+        <meta name="og:title" content={'Launchpad Docs'} />
+        <meta name="og:image" content={socialCard} />
+        <meta name="apple-mobile-web-app-title" content="Launchpad Docs" />
+        {/* <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+        <link rel="icon" href="/favicon.png" type="image/png" />
+        <link
+          rel="icon"
+          href="/favicon-dark.svg"
+          type="image/svg+xml"
+          media="(prefers-color-scheme: dark)"
+        />
+        <link
+          rel="icon"
+          href="/favicon-dark.png"
+          type="image/png"
+          media="(prefers-color-scheme: dark)"
+        /> */}
+      </>
+    );
+  },
+  editLink: {
+    text: 'Edit this page on GitHub →',
+  },
+  feedback: {
+    content: 'Question? Give us feedback →',
+    labels: 'feedback',
+  },
+  sidebar: {
+    titleComponent({ title, type }) {
+      if (type === 'separator') {
+        return <span className="cursor-default">{title}</span>;
+      }
+      return <>{title}</>;
+    },
+    autoCollapse: false,
+    toggleButton: true,
+  },
+  footer: {
+    text: (
+      <div className="flex w-full flex-col items-center sm:items-start">
+        <p className="mt-6 text-xs">
+          © {new Date().getFullYear()} SmartToken Labs.
+        </p>
+      </div>
+    ),
+  },
+  toc: {
+    backToTop: true,
+  },
 };
 
 export default config;