diff --git a/packages/docs/public/assets/images/og/og.psd b/packages/docs/public/assets/images/og/og.psd
new file mode 100644
index 0000000..f81dee1
Binary files /dev/null and b/packages/docs/public/assets/images/og/og.psd differ
diff --git a/packages/docs/src/app/layout.tsx b/packages/docs/src/app/layout.tsx
index 45a191d..9f6c194 100644
--- a/packages/docs/src/app/layout.tsx
+++ b/packages/docs/src/app/layout.tsx
@@ -7,10 +7,12 @@ import DocsSpotlight from "./components/DocsSpotlight/DocsSpotlight";
 import { Metadata } from "next";
 import Providers from "./components/Providers/Providers";
 
+const title = "GPT Turbo";
+const description =
+    "JavaScript library for OpenAI's Chat Completion API. Features conversation history management, parameter configuration, callable functions and plugin support!";
 export const metadata: Metadata = {
-    title: "GPT Turbo",
-    description:
-        "JavaScript library for OpenAI's Chat Completion API. Comes with conversation history management, parameter configuration, callable functions and plugin support!",
+    title,
+    description,
     keywords: [
         "openai",
         "chatgpt",
@@ -31,6 +33,15 @@ export const metadata: Metadata = {
         "bot",
         "chatbot",
     ],
+
+    openGraph: {
+        type: "website",
+        title,
+        description,
+        locale: "en_US",
+        url: "https://gpt-turbo.chintristan.io/",
+        siteName: "GPT Turbo",
+    },
 };
 
 interface AppLayoutProps {
diff --git a/packages/docs/src/app/opengraph-image.jpg b/packages/docs/src/app/opengraph-image.jpg
new file mode 100644
index 0000000..cb31436
Binary files /dev/null and b/packages/docs/src/app/opengraph-image.jpg differ