Improve opengraph metadata across front-end pages

src/interface/web/app/agents/layout.tsx

@@ -5,7 +5,8 @@ import { ContentSecurityPolicy } from "../common/layoutHelper";
 
 export const metadata: Metadata = {
     title: "Khoj AI - Agents",
-    description: "Find a specialized agent that can help you address more specific needs.",
+    description:
+        "Find or create a specialized agent that can help you address more specific needs.",
     icons: {
         icon: "/static/assets/icons/khoj_lantern.ico",
         apple: "/static/assets/icons/khoj_lantern_256x256.png",
@@ -13,10 +14,16 @@ export const metadata: Metadata = {
     openGraph: {
         siteName: "Khoj AI",
         title: "Khoj AI - Agents",
-        description: "Your Second Brain.",
+        description:
+            "Find or create a specialized agent that can help you address more specific needs.",
         url: "https://app.khoj.dev/agents",
         type: "website",
         images: [
+            {
+                url: "https://assets.khoj.dev/khoj_hero.png",
+                width: 940,
+                height: 525,
+            },
             {
                 url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
                 width: 256,

src/interface/web/app/automations/layout.tsx

@@ -6,7 +6,7 @@ import { ContentSecurityPolicy } from "../common/layoutHelper";
 
 export const metadata: Metadata = {
     title: "Khoj AI - Automations",
-    description: "Use Autoomations with Khoj to simplify the process of running repetitive tasks.",
+    description: "Use Automations with Khoj to simplify the process of running repetitive tasks.",
     icons: {
         icon: "/static/assets/icons/khoj_lantern.ico",
         apple: "/static/assets/icons/khoj_lantern_256x256.png",
@@ -14,10 +14,16 @@ export const metadata: Metadata = {
     openGraph: {
         siteName: "Khoj AI",
         title: "Khoj AI - Automations",
-        description: "Your Second Brain.",
+        description:
+            "Use Automations with Khoj to simplify the process of running repetitive tasks.",
         url: "https://app.khoj.dev/automations",
         type: "website",
         images: [
+            {
+                url: "https://assets.khoj.dev/khoj_hero.png",
+                width: 940,
+                height: 525,
+            },
             {
                 url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
                 width: 256,

src/interface/web/app/chat/layout.tsx

@@ -14,10 +14,16 @@ export const metadata: Metadata = {
     openGraph: {
         siteName: "Khoj AI",
         title: "Khoj AI - Chat",
-        description: "Your Second Brain.",
+        description:
+            "Ask anything. Khoj will use the internet and your docs to answer, paint and even automate stuff for you.",
         url: "https://app.khoj.dev/chat",
         type: "website",
         images: [
+            {
+                url: "https://assets.khoj.dev/khoj_hero.png",
+                width: 940,
+                height: 525,
+            },
             {
                 url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
                 width: 256,

src/interface/web/app/layout.tsx

@@ -4,8 +4,9 @@ import "./globals.css";
 import { ContentSecurityPolicy } from "./common/layoutHelper";
 
 export const metadata: Metadata = {
-    title: "Khoj AI - Home",
+    title: "Khoj AI - Ask Anything",
-    description: "Your Second Brain.",
+    description:
+        "Khoj is a model-agnostic, open-source personal research assistant. It helps you understand, create, and generate faster.",
     icons: {
         icon: "/static/assets/icons/khoj_lantern.ico",
         apple: "/static/assets/icons/khoj_lantern_256x256.png",
@@ -14,10 +15,16 @@ export const metadata: Metadata = {
     openGraph: {
         siteName: "Khoj AI",
         title: "Khoj AI",
-        description: "Your Second Brain.",
+        description:
+            "Khoj is a model-agnostic, open-source personal research assistant. It helps you understand, create, and generate faster.",
         url: "https://app.khoj.dev",
         type: "website",
         images: [
+            {
+                url: "https://assets.khoj.dev/khoj_hero.png",
+                width: 940,
+                height: 525,
+            },
             {
                 url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
                 width: 256,

src/interface/web/app/settings/layout.tsx

@@ -15,10 +15,15 @@ export const metadata: Metadata = {
     openGraph: {
         siteName: "Khoj AI",
         title: "Khoj AI - Settings",
-        description: "Your Second Brain.",
+        description: "Setup, configure, and personalize Khoj. your AI-powered research assistant.",
         url: "https://app.khoj.dev/settings",
         type: "website",
         images: [
+            {
+                url: "https://assets.khoj.dev/khoj_hero.png",
+                width: 940,
+                height: 525,
+            },
             {
                 url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
                 width: 256,

src/interface/web/app/share/chat/layout.tsx

@@ -4,8 +4,33 @@ import "../../globals.css";
 import { ContentSecurityPolicy } from "@/app/common/layoutHelper";
 
 export const metadata: Metadata = {
-    title: "Khoj AI - Chat",
+    title: "Khoj AI - Ask Anything",
-    description: "Use this page to view a chat with Khoj AI.",
+    description:
+        "Ask anything. Khoj will use the internet and your docs to answer, paint and even automate stuff for you.",
+    icons: {
+        icon: "/static/assets/icons/khoj_lantern.ico",
+        apple: "/static/assets/icons/khoj_lantern_256x256.png",
+    },
+    openGraph: {
+        siteName: "Khoj AI",
+        title: "Khoj AI - Ask Anything",
+        description:
+            "Ask anything. Khoj will use the internet and your docs to answer, paint and even automate stuff for you.",
+        url: "https://app.khoj.dev/chat",
+        type: "website",
+        images: [
+            {
+                url: "https://assets.khoj.dev/khoj_hero.png",
+                width: 940,
+                height: 525,
+            },
+            {
+                url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
+                width: 256,
+                height: 256,
+            },
+        ],
+    },
 };
 
 export default function RootLayout({