update og

bcherry · bcherry · commit 6204f329a693 · 2024-12-05T14:22:08.000-08:00
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
@@ -1,6 +1,28 @@
 import "@livekit/components-styles";
 import "./globals.css";
 import "98.css";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "LivePaint",
+  description: "A realtime AI drawing game powered by LiveKit",
+  openGraph: {
+    title: "LivePaint",
+    description: "A realtime AI drawing game powered by LiveKit",
+    type: "website",
+    images: [
+      {
+        url: "https://paint.livekit.io/og-image.png",
+        width: 1200,
+        height: 630,
+        type: "image/png",
+      },
+    ],
+    url: "https://paint.livekit.io",
+  },
+  viewport: "width=device-width, initial-scale=1, shrink-to-fit=no",
+  themeColor: "#000000",
+};
 
 export default function RootLayout({
   children,
@@ -9,30 +31,6 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" style={{ fontSize: "18px" }}>
-      <head>
-        <meta charSet="utf-8" />
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, shrink-to-fit=no"
-        />
-        <meta name="theme-color" content="#000000" />
-        <meta property="og:title" content="LivePaint" />
-        <meta
-          property="og:description"
-          content="A realtime AI drawing game powered by LiveKit"
-        />
-        <meta property="og:image" content="/og-image.png" />
-        <meta property="og:url" content="https://paint.livekit.io" />
-        <meta name="twitter:card" content="summary_large_image" />
-        <meta name="twitter:site" content="@livekit" />
-        <meta name="twitter:title" content="LivePaint" />
-        <meta
-          name="twitter:description"
-          content="A realtime AI drawing game powered by LiveKit"
-        />
-        <meta name="twitter:image" content="/og-image.png" />
-        <title>LivePaint</title>
-      </head>
       <body className="overflow-hidden bg-[#00807F]">{children}</body>
     </html>
   );
