diff --git a/docs/installation.md b/website/docs/installation.md
similarity index 100%
rename from docs/installation.md
rename to website/docs/installation.md
diff --git a/docs/introduction.md b/website/docs/introduction.md
similarity index 95%
rename from docs/introduction.md
rename to website/docs/introduction.md
index 679ee867..600a56f7 100644
--- a/docs/introduction.md
+++ b/website/docs/introduction.md
@@ -1,4 +1,5 @@
 ---
+slug: /
 title: Introduction
 ---
 
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index f80e0dfe..2d4ca9ed 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -7,7 +7,6 @@ module.exports = {
       '@docusaurus/preset-classic',
       {
         docs: {
-          path: '../docs',
           sidebarPath: require.resolve('./sidebars.js')
         },
         theme: {
@@ -31,7 +30,7 @@ module.exports = {
           activeBasePath: 'docs',
           label: 'Docs',
           position: 'left',
-          to: 'docs/introduction'
+          to: 'docs/'
         },
         {
           href: 'https://github.com/manaelproxy/manael',
diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx
index 0b856d01..a77d038e 100644
--- a/website/src/pages/index.jsx
+++ b/website/src/pages/index.jsx
@@ -4,7 +4,7 @@ import classnames from 'classnames'
 import Layout from '@theme/Layout'
 import Link from '@docusaurus/Link'
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
-import useBaseUrl from '@docusaurus/useBaseUrl'
+import { useBaseUrlUtils } from '@docusaurus/useBaseUrl'
 import styles from './styles.module.css'
 
 const features = [
@@ -25,12 +25,17 @@ const features = [
 ]
 
 function Feature({ description, imageUrl, title }) {
-  const imgUrl = useBaseUrl(imageUrl)
+  const { withBaseUrl } = useBaseUrlUtils()
+
   return (
     <div className={classnames('col col--4', styles.feature)}>
-      {imgUrl && (
+      {imageUrl && (
         <div className="text--center">
-          <img className={styles.featureImage} src={imgUrl} alt={title} />
+          <img
+            className={styles.featureImage}
+            src={withBaseUrl(imageUrl)}
+            alt={title}
+          />
         </div>
       )}
       <h3>{title}</h3>
@@ -46,8 +51,8 @@ Feature.propTypes = {
 }
 
 function Home() {
-  const context = useDocusaurusContext()
-  const { siteConfig = {} } = context
+  const { siteConfig = {} } = useDocusaurusContext()
+  const { withBaseUrl } = useBaseUrlUtils()
 
   return (
     <Layout description="Manael is a simple HTTP proxy for processing images.">
@@ -58,7 +63,7 @@ function Home() {
               alt={siteConfig.title}
               className={classnames('margin-vert--md', styles.heroBannerLogo)}
               height={128}
-              src={useBaseUrl('img/logo.png')}
+              src={withBaseUrl('img/logo.png')}
               width={128}
             />
           </h1>
@@ -69,7 +74,7 @@ function Home() {
                 'button button--primary button--lg',
                 styles.getStarted
               )}
-              to={useBaseUrl('docs/introduction')}
+              to={withBaseUrl('docs/')}
             >
               Get Started
             </Link>