feat: add metadata

HereEast · Jan 30, 2025 · 65585f7 · 65585f7
1 parent 9001615
commit 65585f7
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/public/images/og-image.jpg b/public/images/og-image.jpg
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -45,17 +45,34 @@ const InnovatorGrotesk = localFont({
 });
 
 export const metadata: Metadata = {
-  title: "People-work",
-  description: "People-work website.",
+  title: "people-work.net",
+  description: "Job titles decoded. In a simle Q&A format.",
 };
 
+const og = {
+  title: "people-work.net",
+  description: "Job titles decoded. In a simle Q&A format.",
+  image: "https://people-work.net/images/og-image.jpg",
+} as const;
+
 interface LayoutProps {
   children: ReactNode;
 }
 
 export default function Layout({ children }: LayoutProps) {
   return (
     <html lang="en" className={`${InnovatorGrotesk.className} scroll-smooth`}>
+      <head>
+        <meta name="description" content={og.description} />
+        <meta property="og:title" content={og.title} />
+        <meta property="og:description" content={og.description} />
+        <meta property="og:url" content="https://people-work.net" />
+        <meta property="og:image" content={og.image} />
+        <meta name="twitter:title" content={og.title} />
+        <meta name="twitter:description" content={og.description} />
+        <meta name="twitter:image" content={og.image} />
+        <title>{og.title}</title>
+      </head>
       <body
         suppressHydrationWarning={true}
         className="flex min-h-screen flex-col text-lg"