diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8d0e56c..df6d3ad 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -44,16 +44,10 @@ const InnovatorGrotesk = localFont({
   ],
 });
 
-// export const metadata: Metadata = {
-//   title: "people-work.net",
-//   description: "Job titles decoded. In a simle Q&A format.",
-// };
-
-const og = {
+export const metadata: Metadata = {
   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;
@@ -62,17 +56,6 @@ interface LayoutProps {
 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"
diff --git a/public/images/og-image.jpg b/src/app/opengraph-image.jpg
similarity index 100%
rename from public/images/og-image.jpg
rename to src/app/opengraph-image.jpg
diff --git a/src/app/twitter-image.jpg b/src/app/twitter-image.jpg
new file mode 100644
index 0000000..c4794b7
Binary files /dev/null and b/src/app/twitter-image.jpg differ
