diff --git a/packages/web/components/Footer.js b/packages/web/components/Footer.js
index e87d28086e2..5ff9242132e 100644
--- a/packages/web/components/Footer.js
+++ b/packages/web/components/Footer.js
@@ -19,7 +19,9 @@ export default function Footer({ isFullwidth }) {
             <div className="column is-2">
               <p className="heading">Products</p>
               <p>
-                <a href="https://docs.supabase.io">Docs</a>
+              <Link href="/docs">
+                <a className="">Docs</a>
+              </Link>
               </p>
             </div>
             <div className="column is-2">
diff --git a/packages/web/pages/docs.js b/packages/web/pages/docs.js
index 44f2d8eed6e..e78d70464f0 100644
--- a/packages/web/pages/docs.js
+++ b/packages/web/pages/docs.js
@@ -1,13 +1,16 @@
 // index.js
 import React from 'react'
-import Layout from '~/components/layouts/DocsLayout'
-// import MDXDocument, { metadata } from '~/pages/posts/post.mdx'
+import Layout from '~/components/layouts/MainLayout'
+import NavbarDocs from '~/components//NavbarDocs'
 
 export default () => (
     <Layout>
-        <div className="content">
-          <h1>Docs</h1>
-          {/* <MDXDocument /> */}
+        <div className="section container">
+    <NavbarDocs />
+          <div className="content">
+            <h1>Docs</h1>
+            
+          </div>
         </div>
     </Layout>
 )