feat(website): update A3 Docs (#13890)

taikoxyz · Jun 6, 2023 · 4f7b2ed · 4f7b2ed
1 parent 7b24912
commit 4f7b2ed
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 7 deletions.
diff --git a/packages/website/pages/_app.tsx b/packages/website/pages/_app.tsx
@@ -1,6 +1,7 @@
 import "../styles.css";
-import localFont from "next/font/local";
+
 import { Analytics } from "@vercel/analytics/react";
+import localFont from "next/font/local";
 
 const grotesk = localFont({
   src: "../fonts/ClashGrotesk-Semibold.woff2",
@@ -16,9 +17,11 @@ const groteskmedium = localFont({
 
 export default function App({ Component, pageProps }) {
   return (
-    <main className={`${grotesk.variable} ${groteskmedium.variable}`}>
-      <Component {...pageProps} />
-      <Analytics />
-    </main>
+    <>
+      <main className={`${grotesk.variable} ${groteskmedium.variable}`}>
+        <Component {...pageProps} />
+        <Analytics />
+      </main>
+    </>
   );
 }
diff --git a/packages/website/public/images/Taiko_social_media_preview.png b/packages/website/public/images/Taiko_social_media_preview.png
diff --git a/packages/website/public/images/guides/receive-horse.png b/packages/website/public/images/guides/receive-horse.png
diff --git a/packages/website/theme.config.tsx b/packages/website/theme.config.tsx
@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import { useConfig } from "nextra-theme-docs";
 import Footer from "./components/Footer";
 import ThemedImage from "./components/ThemedImage";
+import { useConfig } from "nextra-theme-docs";
+import { useRouter } from "next/router";
 
 export default {
   banner: {
@@ -41,6 +41,10 @@ export default {
             "A decentralized, Ethereum-equivalent ZK-Rollup."
           }
         />
+        <meta
+          property="og:image"
+          content={"/images/Taiko_social_media_preview.png"}
+        />
         <link rel="icon" href="/images/favicon.svg" />
       </>
     );