diff --git a/components/HeaderLayout.js b/components/HeaderLayout.js
index 94ade51..855538d 100644
--- a/components/HeaderLayout.js
+++ b/components/HeaderLayout.js
@@ -355,7 +355,7 @@ export default function HeaderLayout({
                           </li>
 
                           {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                                  <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                                  <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                                 </li> */}
 
                           <li className={`text-lg h-[60px] flex text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-r-2 border-b-gray-50 bg-blue-500/85'}`}>
@@ -400,7 +400,7 @@ export default function HeaderLayout({
                           </li>
 
                           {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                                  <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                                  <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                                 </li> */}
 
                           <li className={`text-lg h-[60px] flex text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
@@ -436,7 +436,7 @@ export default function HeaderLayout({
                           </li>
 
                           {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                                  <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                                  <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                                 </li> */}
 
                           <li className={`text-lg h-[60px] flex text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-r-2 border-b-gray-50 bg-blue-500/85'}`}>
@@ -468,7 +468,7 @@ export default function HeaderLayout({
                           </li>
 
                           {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                            <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                            <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                           </li> */}
 
                           <li className={`text-lg h-[60px] flex text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-r-2 border-gray-50 bg-blue-500/85'}`}>
@@ -548,7 +548,7 @@ export default function HeaderLayout({
                           </li>
 
                           {/* <li className={`text-lg h-[60px] flex text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                                <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                                <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                               </li> */}
 
                           <li className={`text-lg h-[60px] flex  text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-r-2 border-b-gray-50 bg-blue-500/85'}`}>
@@ -596,7 +596,7 @@ export default function HeaderLayout({
                           </li>
 
                           {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                            <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                            <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                           </li> */}
 
                           <li className={`text-lg h-[60px] flex text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-r-2 border-gray-50 bg-blue-500/85'}`}>
@@ -629,7 +629,7 @@ export default function HeaderLayout({
                           </li>
 
                           <li className={`text-lg h-[50px] w-full border-b border-b-gray-300 flex items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 hover:text-gray-100 px-4 font-semibold capitalize ${currentPath == "/public/faqs" && 'border-r-2 border-r-gray-50 bg-blue-700/85 text-gray-100'}`}>
-                            <Link href="https://kmhfr-docs.github.io">Documentation</Link>
+                            <Link href="https://kmhfr-docs.vercel.app">Documentation</Link>
                           </li>
 
                         </ul>
@@ -759,7 +759,7 @@ export default function HeaderLayout({
                               </li>
 
                               {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                                              <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                                              <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                                             </li> */}
 
                               <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
@@ -801,7 +801,7 @@ export default function HeaderLayout({
                               </li>
 
                               {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                                      <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                                      <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                                     </li> */}
 
                               <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
@@ -843,7 +843,7 @@ export default function HeaderLayout({
                               </li>
 
                               {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                                      <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                                      <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                                     </li> */}
 
                               <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
@@ -877,7 +877,7 @@ export default function HeaderLayout({
                               </li>
 
                               {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                                  <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                                  <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                                 </li> */}
 
                               <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
@@ -907,7 +907,7 @@ export default function HeaderLayout({
                               </li>
 
                               {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                            <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                            <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                           </li> */}
 
                               <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
@@ -982,7 +982,7 @@ export default function HeaderLayout({
                               </li>
 
                               {/* <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/documentation" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
-                                                <Link href='https://kmhfr-docs.github.io'>Documentation</Link>
+                                                <Link href='https://kmhfr-docs.vercel.app'>Documentation</Link>
                                               </li> */}
 
                               <li className={`text-lg h-[60px] flex text-center justify-center text-nowrap items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-100 ${currentPath == "/downloads" && 'border-b-2 border-b-gray-50 bg-blue-500/85'}`}>
@@ -1010,7 +1010,7 @@ export default function HeaderLayout({
                               </li>
 
                               <li className={`text-lg h-[60px] flex items-center hover:bg-blue-500 hover:text-gray-100 duration-200 ease-out px-4 font-semibold capitalize text-gray-100`}>
-                                <Link href="https://kmhfr-docs.github.io">Documentation</Link>
+                                <Link href="https://kmhfr-docs.vercel.app">Documentation</Link>
                               </li>
 
                             </ul>
@@ -1036,7 +1036,7 @@ export default function HeaderLayout({
                               </li>
 
                               <li className={`text-lg h-[60px] flex items-center hover:bg-blue-500 hover:text-gray-100 duration-200 ease-out px-4 font-semibold capitalize text-gray-100`}>
-                                <Link href="https://kmhfr-docs.github.io">Documentation</Link>
+                                <Link href="https://kmhfr-docs.vercel.app">Documentation</Link>
                               </li>
 
                             </ul>
diff --git a/components/MainLayout.js b/components/MainLayout.js
index 28991f6..dbc0047 100644
--- a/components/MainLayout.js
+++ b/components/MainLayout.js
@@ -149,7 +149,7 @@ export default function MainLayout({ children, searchTerm }) {
 
                     <div className='flex items-center gap-2'>
                     <NorthEast className="text-gray-200 w-3 aspect-square"/>
-                    <Link href="https://kmhfr-docs.github.io" className="text-gray-200 hover:underline">KMHFR Docs</Link>
+                    <Link href="https://kmhfr-docs.vercel.app" className="text-gray-200 hover:underline">KMHFR Docs</Link>
                     
                     </div>
                   </div>
diff --git a/pages/index.js b/pages/index.js
index 5f20a7a..c6a7855 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -148,7 +148,7 @@ function Home() {
                   </li>
 
                   <li className='text-lg h-[60px] flex items-center  hover:text-gray-100  duration-200 ease-out hover:bg-blue-800 px-4 font-semibold capitalize text-gray-900 '>
-                    <Link href="https://kmhfr-docs.github.io">Documentation</Link>
+                    <Link href="https://kmhfr-docs.vercel.app">Documentation</Link>
                   </li>
                   
                 </ul>
@@ -188,7 +188,7 @@ function Home() {
                   </li>
 
                   <li className={`text-lg h-[50px] w-full border-b border-b-gray-300 flex items-center group-hover:border-b-2 group-hover:border-b-gray-50 duration-200 ease-out hover:bg-blue-500/85 px-4 font-semibold capitalize text-gray-600 ${currentPath == "/public/faqs" && 'border-r-2 border-r-gray-50 bg-blue-700/85 text-gray-100'}`}>
-                    <Link href="https://kmhfr-docs.github.io">Documentation</Link>
+                    <Link href="https://kmhfr-docs.vercel.app">Documentation</Link>
                   </li>
                   
                 </ul>
@@ -584,7 +584,7 @@ function Home() {
                     </div>
 
                     <div className='flex items-center gap-2'>
-                    <Link href="https://kmhfr-docs.github.io" className="text-gray-200 hover:underline">KMHFR Docs</Link>
+                    <Link href="https://kmhfr-docs.vercel.app" className="text-gray-200 hover:underline">KMHFR Docs</Link>
                     <NorthEast className="text-gray-200 w-3 aspect-square"/>
                     
                     </div>