diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index f32dc7a..612d51d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -95,14 +95,26 @@ export default function Home() {
   return (
     <>
       <Head>
-        <title>Agent Playground</title>
-        <meta name="description" content="Generated by create next app" />
+        <title>{appConfig?.title ?? "LiveKit Agents Playground"}</title>
+        <meta
+          name="description"
+          content={
+            appConfig?.description ??
+            "Quickly prototype and test your multimodal agents"
+          }
+        />
         <meta
           name="viewport"
           content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
         />
         <meta name="apple-mobile-web-app-capable" content="yes" />
         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+        <meta
+          property="og:image"
+          content="https://livekit.io/images/og/agents-playground.png"
+        />
+        <meta property="og:image:width" content="1200" />
+        <meta property="og:image:height" content="630" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
       <main className="relative flex flex-col justify-center px-4 items-center h-full w-full bg-black repeating-square-background">
