add metadata for keyword selection

apps/katanemo-www/src/app/layout.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import Script from "next/script";
 import localFont from "next/font/local";
+import { siteConfig } from "../lib/metadata";
 import "@katanemo/shared-styles/globals.css";
 import "./globals.css";
 
@@ -21,13 +22,41 @@ const ibmPlexSans = localFont({
   variable: "--font-ibm-plex-sans",
 });
 
+const baseUrl = new URL(siteConfig.url);
+
 export const metadata: Metadata = {
-  title: "Katanemo Labs",
-  description:
-    "Forward-deployed AI infrastructure engineers delivering industry-leading research and open-source technologies,",
+  title: `${siteConfig.name} - ${siteConfig.tagline}`,
+  description: siteConfig.description,
+  keywords: siteConfig.keywords,
+  metadataBase: baseUrl,
+  authors: siteConfig.authors,
+  creator: siteConfig.creator,
   icons: {
     icon: "/KatanemoLogo.svg",
   },
+  openGraph: {
+    type: "website",
+    locale: "en_US",
+    url: siteConfig.url,
+    title: `${siteConfig.name} - ${siteConfig.tagline}`,
+    description: siteConfig.description,
+    siteName: siteConfig.name,
+    images: [
+      {
+        url: siteConfig.ogImage,
+        width: 1200,
+        height: 630,
+        alt: `${siteConfig.name} - ${siteConfig.tagline}`,
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: `${siteConfig.name} - ${siteConfig.tagline}`,
+    description: siteConfig.description,
+    images: [siteConfig.ogImage],
+    creator: "@katanemo",
+  },
 };
 
 export default function RootLayout({