diff --git a/pages/call/[uid].tsx b/pages/call/[uid].tsx
index 2829faf533..e34b1af747 100644
--- a/pages/call/[uid].tsx
+++ b/pages/call/[uid].tsx
@@ -1,9 +1,12 @@
 import DailyIframe from "@daily-co/daily-js";
 import { getSession } from "next-auth/client";
+import Head from "next/head";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import React, { useEffect } from "react";
 
+import { HeadSeo } from "@components/seo/head-seo";
+
 import prisma from "../../lib/prisma";
 
 export default function JoinCall(props, session) {
@@ -50,20 +53,29 @@ export default function JoinCall(props, session) {
   }, []);
 
   return (
-    <div style={{ zIndex: 2, position: "relative" }}>
-      <Link href="/">
-        <img
-          className="hidden sm:inline-block z-10 fixed w-auto h-5"
-          src="https://cal.com/logo-white.svg"
-          alt="Cal.com Logo"
-          style={{
-            top: 46,
-            left: 24,
-          }}
-        />
-      </Link>
-      {JoinCall}
-    </div>
+    <>
+      <HeadSeo title="Video Conference" description="Join the video call" />
+      <Head>
+        <meta property="og:type" content="website" />
+        <meta property="og:image" content="https://cal.com/video-og-image.png" />
+        <meta property="twitter:card" content="summary_large_image" />
+        <meta property="twitter:image" content="https://cal.com/video-og-image.png" />
+      </Head>
+      <div style={{ zIndex: 2, position: "relative" }}>
+        <Link href="/">
+          <img
+            className="hidden sm:inline-block z-10 fixed w-auto h-5"
+            src="https://cal.com/logo-white.svg"
+            alt="Cal.com Logo"
+            style={{
+              top: 46,
+              left: 24,
+            }}
+          />
+        </Link>
+        {JoinCall}
+      </div>
+    </>
   );
 }
 
diff --git a/public/video-og-image.png b/public/video-og-image.png
new file mode 100644
index 0000000000..0fa997a25e
Binary files /dev/null and b/public/video-og-image.png differ
