feat: add og image (#24)

Author: haricnugraha

app/(inferenceai)/inferenceai/data.ts

@@ -0,0 +1,4 @@
+export const data = {
+  name: "Inference AI",
+  baseUrl: "https://hyperjump.tech/inferenceai"
+};

app/(inferenceai)/inferenceai/page.tsx

@@ -1,7 +1,36 @@
-"use client";
-
+import type { Metadata } from "next";
 import InferenceAILangLayout from "./[lang]/layout";
 import InferenceAIPage from "./[lang]/page";
+import {
+  inferenceaiHeroDesc,
+  inferenceaiHeroHeading
+} from "@/locales/.generated/server";
+import { data } from "./data";
+
+export async function generateMetadata(): Promise<Metadata> {
+  const { baseUrl, name } = data;
+  const title = `${name} - ${inferenceaiHeroHeading("en")}`;
+
+  return {
+    description: inferenceaiHeroDesc("en"),
+    title,
+    openGraph: {
+      url: baseUrl,
+      type: "website",
+      title,
+      images: [
+        {
+          url: "https://hyperjump.tech/images/inferenceai/inference-ai-og.png",
+          width: 1200,
+          height: 630,
+          alt: `${name} Logo`,
+          type: "image/png"
+        }
+      ],
+      siteName: name
+    }
+  };
+}
 
 export default function NoLangInferenceAI() {
   return (

app/layout.tsx

@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
 import { GoogleAnalytics } from "@next/third-parties/google";
-import localFont from "next/font/local";
 import "./globals.css";
 import data from "@/data.json";
 import { cn } from "@/app/utils/tailwind";