diff --git a/app/docs/[...slug]/page.tsx b/app/docs/[...slug]/page.tsx
index bbfaa3d..3b21854 100644
--- a/app/docs/[...slug]/page.tsx
+++ b/app/docs/[...slug]/page.tsx
@@ -8,6 +8,7 @@ import { TableOfContents } from "@/components/docs/table-of-contents"
 import { Divider } from "@/components/layout/divider"
 import { getBreadcrumbs } from "@/contentlayer/utils/get-breadcrumbs"
 import { allDocsPages } from "contentlayer/generated"
+import { formatDistance } from "date-fns"
 import { notFound } from "next/navigation"
 
 export const generateStaticParams = () =>
@@ -51,14 +52,14 @@ export default async function Page(props: {
             {page.title}
           </h2>
         </div>
-        {/*
+        
         page.lastEdited && (
           <div className="text-sm h-4 mt-1.5 mb-6">
             Last edited{" "}
             {formatDistance(new Date(), new Date(page.lastEdited))} ago.
           </div>
         )
-        */}
+       
         <MobileTableOfContents
           elements={page.headings}
           pageFilePath={page._raw.sourceFilePath}
diff --git a/app/layout.tsx b/app/layout.tsx
index 85eb0a0..c970dad 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -25,6 +25,9 @@ export const metadata: Metadata = {
   title: "Apalis - background task and message processing library for Rust",
   description:
     "Simple, extensible multithreaded background task and message processing library for Rust",
+  openGraph: {
+    images: "/images/og.png",
+  }
 };
 
 export default function RootLayout({ children }: { children: ReactNode }) {
diff --git a/public/images/og.png b/public/images/og.png
new file mode 100644
index 0000000..2a9c521
Binary files /dev/null and b/public/images/og.png differ