diff --git a/apps/docs/theme.config.tsx b/apps/docs/theme.config.tsx
index a02820bf..c7e44c63 100644
--- a/apps/docs/theme.config.tsx
+++ b/apps/docs/theme.config.tsx
@@ -2,6 +2,59 @@ import React from 'react';
 import { DocsThemeConfig } from 'nextra-theme-docs';
 
 const config: DocsThemeConfig = {
+  head: (
+    <>
+      <link
+        rel="shortcut icon"
+        type="image/x-icon"
+        href={`${process.env.imagePath}/img/favicon.ico`}
+      />
+      <link
+        rel="icon"
+        type="image/x-icon"
+        sizes="16x16"
+        href={`${process.env.imagePath}/img/logo-16.png`}
+      />
+      <link
+        rel="icon"
+        type="image/x-icon"
+        sizes="32x32"
+        href={`${process.env.imagePath}/img/logo-32.png`}
+      />
+      <meta
+        name="description"
+        content="Spend less time doing the boring stuff, instead focus on impacting the lives of your students."
+      />
+      <meta name="theme-color" content="#ffffff" />
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <meta
+        property="og:title"
+        content="ClassroomIO –&nbsp;The Open Source Platform for Tech Bootcamps"
+      />
+      <meta
+        property="og:description"
+        content="Spend less time doing the boring stuff, instead focus on impacting the lives of your students."
+      />
+      <meta property="og:type" content="website" />
+      <meta property="og:image:type" content="image/png" />
+      <meta property="og:image:width" content="1920" />
+      <meta property="og:image:height" content="1080" />
+      <meta
+        property="og:image:secure_url"
+        content="https://classroomio.com/classroomio-opengraph-image.png"
+      />
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta name="twitter:creator" content="@rotimi_best" />
+      <meta
+        name="twitter:title"
+        content="ClassroomIO –&nbsp;The Open Source Platform for Tech Bootcamps"
+      />
+      <meta
+        name="twitter:description"
+        content="Spend less time doing the boring stuff, instead focus on impacting the lives of your students."
+      />
+    </>
+  ),
   logo: (
     <div style={{ display: 'flex', alignItems: 'center' }}>
       <img
@@ -13,6 +66,22 @@ const config: DocsThemeConfig = {
       <span style={{ marginLeft: '5px', lineHeight: '15px' }}>ClassroomIO Docs</span>
     </div>
   ),
+  navbar: {
+    extraContent: (
+      <a
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          border: '1px solid gray',
+          borderRadius: 5,
+          padding: '2px 7px'
+        }}
+        href="https://app.classroomio.com"
+      >
+        Dashboard
+      </a>
+    )
+  },
   project: {
     link: 'https://github.com/rotimi-best/classroomio'
   },
@@ -70,17 +139,10 @@ const config: DocsThemeConfig = {
     defaultMenuCollapseLevel: 1,
     autoCollapse: false
   },
-  docsRepositoryBase: 'https://github.com/rotimi-best/classroomio/apps/docs',
+  docsRepositoryBase: 'https://github.com/rotimi-best/classroomio/tree/main/apps/docs',
   footer: {
-    text: 'ClassroomIO Help Docs'
-  },
-  head: (
-    <>
-      <link rel="shortcut icon" type="image/x-icon" href={`/docs/img/favicon.ico`} />
-      <link rel="icon" type="image/x-icon" sizes="16x16" href={`/docs/img/logo-16.png`} />
-      <link rel="icon" type="image/x-icon" sizes="32x32" href={`/docs/img/logo-32.png`} />
-    </>
-  )
+    text: 'ClassroomIO Docs'
+  }
 };
 
 export default config;