Improve opengraph metadata across front-end pages

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",
-    description: "Your Second Brain.",
+    title: "Khoj AI - Ask Anything",
+    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,