diff --git a/docs/package.json b/docs/package.json
index 33d6146b1..f92699204 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -33,8 +33,8 @@
     "postcss": "^8.4.30",
     "posthog-docusaurus": "^2.0.0",
     "prism-react-renderer": "^1.3.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-icons": "^4.11.0",
     "redocusaurus": "^2.0.0",
     "sass": "^1.69.3",
@@ -60,4 +60,4 @@
   "engines": {
     "node": ">=16.14"
   }
-}
\ No newline at end of file
+}
diff --git a/docs/src/components/Footer/index.js b/docs/src/components/Footer/index.js
index d6bfca608..2b2427cbd 100644
--- a/docs/src/components/Footer/index.js
+++ b/docs/src/components/Footer/index.js
@@ -1,23 +1,6 @@
 import React from "react";
 
 const menus = [
-  {
-    name: "Resources",
-    child: [
-      {
-        menu: "Home",
-        path: "/",
-      },
-      {
-        menu: "Platform",
-        path: "/platform",
-      },
-      {
-        menu: "Solutions",
-        path: "/solutions",
-      },
-    ],
-  },
   {
     name: "For Developers",
     child: [
@@ -30,8 +13,8 @@ const menus = [
         path: "/hardware",
       },
       {
-        menu: "API (WIP)",
-        path: "/api",
+        menu: "API Reference (WIP)",
+        path: "/api-reference",
       },
       {
         menu: "Changelog",
@@ -67,6 +50,10 @@ const menus = [
         menu: "About",
         path: "/about",
       },
+      {
+        menu: "Blog",
+        path: "/blog",
+      },
       {
         menu: "Careers",
         path: "https://janai.bamboohr.com/careers",
@@ -82,13 +69,15 @@ export default function Footer() {
   return (
     <footer className="flex-shrink-0 border-t dark:border-gray-800 border-gray-200 py-10">
       <div className="container">
-        <div className="grid grid-cols-2 gap-8 md:grid-cols-2 lg:grid-cols-5">
-          <div className="col-span-2 lg:col-span-1">
+        <div className="grid grid-cols-2 gap-8 md:grid-cols-2 lg:grid-cols-6">
+          <div className="lg:col-span-3 col-span-2">
             <h6 className="mb-3">Jan</h6>
-            <p className="dark:text-gray-400 text-gray-600">
-              Run Large Language Models locally on Windows, Mac and Linux.
-              Available on Desktop and Cloud-Native.
-            </p>
+            <div className="w-full lg:w-1/2">
+              <p className="dark:text-gray-400 text-gray-600">
+                Run Large Language Models locally on Windows, Mac and Linux.
+                Available on Desktop and Cloud-Native.
+              </p>
+            </div>
           </div>
           {menus.map((menu, i) => {
             return (
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index 3bb1d0cf7..d87e00498 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -31,7 +31,7 @@ export default function Home() {
               }}
               className="absolute w-full h-full opacity-10 dark:opacity-20 top-0 object-cover blur-3xl"
             />
-            <div className="container py-16">
+            <div className="container pt-16">
               <div className="grid grid-cols-1 items-center gap-4">
                 <div className="relative z-10 text-center ">
                   {/* TODO: Add upcoming events here */}
@@ -95,7 +95,7 @@ export default function Home() {
               </div>
             </div>
           </div>
-          <div className="container mt-10 mb-10 lg:mb-20 text-center">
+          <div className="container mt-40 text-center">
             <h2>AI that you control</h2>
             <p className="text-base mt-2 w-full lg:w-2/5 mx-auto leading-relaxed">
               Private. Local. Infinitely Customizable.
@@ -107,7 +107,7 @@ export default function Home() {
                   alt="Element"
                   className="absolute w-full bottom-0 left-0"
                 />
-                <div class="p-8 relative z-40">
+                <div className="p-8 relative z-40">
                   <h5>Personal AI that runs on your computer</h5>
                   <p className="mt-2">
                     Jan runs directly on your local machine, offering privacy,
@@ -179,8 +179,8 @@ export default function Home() {
             </div>
           </div>
 
-          <div class="container lg:px-20 py-20 text-center lg:text-left">
-            <div class="flex  flex-col lg:flex-row space-y-20 lg:space-y-0">
+          <div className="container lg:px-20 py-40 lg:py-[200px] text-center lg:text-left">
+            <div className="flex  flex-col lg:flex-row space-y-20 lg:space-y-0">
               <div>
                 <h1 className="bg-gradient-to-r dark:from-white from-black to-gray-500 dark:to-gray-400 bg-clip-text text-4xl lg:text-6xl font-bold leading-tight text-transparent dark:text-transparent lg:leading-tight">
                   Your AI, forever.
@@ -188,8 +188,8 @@ export default function Home() {
                 <p className="text-lg lg:text-2xl mt-2">
                   Apps come and go, but your AI and data should last.{" "}
                 </p>
-                <div class="w-full lg:w-3/4 mt-8">
-                  <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-24">
+                <div className="w-full lg:w-3/4 mt-8">
+                  <div className="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-24">
                     <div>
                       <img
                         src="/img/ic-park-solid-unlock.svg"
@@ -232,15 +232,15 @@ export default function Home() {
             </div>
           </div>
 
-          <div class="container pb-20 pt-10 text-center">
+          <div className="container pb-40 text-center">
             <h2>
               We are open-source. <br /> Join Jan community.
             </h2>
-            <div class="mt-14">
-              <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+            <div className="mt-14">
+              <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
                 <a href="https://discord.com/invite/FTk2MvZwJH" target="_blank">
-                  <div class="card h-52 relative flex items-center justify-center">
-                    <div class="relative z-50">
+                  <div className="card h-52 relative flex items-center justify-center">
+                    <div className="relative z-50">
                       <img
                         src="/img/discord-logo.png"
                         alt="Discord logo"
@@ -248,7 +248,7 @@ export default function Home() {
                       />
                     </div>
 
-                    <div class="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5">
+                    <div className="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5">
                       Join our Discord
                     </div>
                     <ThemedImage
@@ -262,11 +262,11 @@ export default function Home() {
                   </div>
                 </a>
                 <a href="https://github.com/janhq/jan" target="_blank">
-                  <div class="card h-52 relative flex items-center justify-center">
-                    <div class="relative z-50">
+                  <div className="card h-52 relative flex items-center justify-center">
+                    <div className="relative z-50">
                       <AiOutlineGithub className="text-8xl dark:text-white text-black" />
                     </div>
-                    <div class="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5">
+                    <div className="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5">
                       View Github
                     </div>
                     <img
diff --git a/docs/yarn.lock b/docs/yarn.lock
index a29a66d62..b697ac1df 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -7243,7 +7243,7 @@ react-dev-utils@^12.0.1:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
-"react-dom@^17.0.0 || ^18.2.0", react-dom@^18.2.0:
+"react-dom@^17.0.0 || ^18.2.0":
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -7251,6 +7251,15 @@ react-dev-utils@^12.0.1:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
+react-dom@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
+  integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    scheduler "^0.20.2"
+
 react-error-overlay@^6.0.11:
   version "6.0.11"
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz#92835de5841c5cf08ba00ddd2d677b6d17ff9adb"
@@ -7383,13 +7392,21 @@ react-textarea-autosize@^8.3.2:
     use-composed-ref "^1.3.0"
     use-latest "^1.2.1"
 
-"react@^17.0.0 || ^18.2.0", react@^18.2.0:
+"react@^17.0.0 || ^18.2.0":
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
   dependencies:
     loose-envify "^1.1.0"
 
+react@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
+  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
 read-cache@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
@@ -7803,6 +7820,14 @@ sax@^1.2.4:
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.3.0.tgz#a5dbe77db3be05c9d1ee7785dbd3ea9de51593d0"
   integrity sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==
 
+scheduler@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91"
+  integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
 scheduler@^0.23.0:
   version "0.23.0"
   resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe"