diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 8fbc29c33..7278d8ddb 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -112,7 +112,17 @@ module.exports = {
 		],
         ...config.plugins,
     ],
-    themeConfig: { ...config.themeConfig, versions },
+    themeConfig: {
+        ...config.themeConfig,
+        versions,
+        footer: {
+            ...config.themeConfig.footer,
+            logo: {
+                ...config.themeConfig.footer.logo,
+                href: '/docs',
+            },
+        },
+    },
     staticDirectories: ['node_modules/@apify/docs-theme/static', 'static'],
     customFields: {
         ...(config.customFields ?? []),
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index ecb1f19d5..f3e6956a5 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -1,95 +1,12 @@
-import React from 'react';
-import clsx from 'clsx';
-import Layout from '@theme/Layout';
-import Link from '@docusaurus/Link';
-import CodeBlock from '@theme/CodeBlock';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import styles from './index.module.css';
-
-function Hero() {
-    return (
-        <header className={clsx('container', styles.heroBanner)}>
-            <div className="row padding-horiz--md">
-                <div className="col col--7">
-                    <div className={clsx(styles.relative, 'row')}>
-                        <div className="col">
-                            <h1 className={styles.tagline}>
-                                Apify command-line interface (CLI)
-                            </h1>
-                        </div>
-                    </div>
-                    <div className="row">
-                        <div className="col">
-                            <h2></h2>
-                            <h2>
-                                Create, develop, build, and run <a href="https://docs.apify.com/actors">Apify Actors</a> from
-                                your terminal. Manage the Apify platform from shell scripts.
-                            </h2>
-                        </div>
-                    </div>
-                    <div className="row">
-                        <div className="col">
-                            <div className={styles.heroButtons}>
-                                <Link to="/docs" className={styles.getStarted}>Learn more</Link>
-                                <iframe src="https://ghbtns.com/github-btn.html?user=apify&repo=apify-cli&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div className={clsx(styles.relative, 'col', 'col--5')}>
-                    <div className={styles.logoBlur}>
-                        <img src={require('/img/logo-blur.png').default} className={clsx(styles.hideSmall)} />
-                    </div>
-                    <div className={styles.codeBlock}>
-                        <CodeBlock className="language-bash">
-                            npm i -g apify-cli
-                        </CodeBlock>
-                    </div>
-                </div>
-            </div>
-        </header>
-    );
-}
+import { useEffect } from 'react';
+import { useHistory } from '@docusaurus/router';
 
 export default function Home() {
-    const { siteConfig } = useDocusaurusContext();
-    return (
-        <Layout
-            description={siteConfig.description}>
-            <Hero />
-            <div>
-                <div className="container">
-                    <div className="row padding-horiz--md" >
-                        <div className="col col--6">
-                            <p style={{ lineHeight: '200%' }}>
-                            Apify Actors are cloud programs that can perform arbitrary web scraping,
-                            automation, or data processing job. They accept input, perform their job and generate output.
-                            </p>
-                            <p style={{ lineHeight: '200%' }}>
-                            While you can develop Actors in an online IDE in <a href="https://console.apify.com/">Apify Console</a>, for
-                            larger projects, it is more convenient to develop Actors locally on your computer
-                            using <a href="https://docs.apify.com/sdk/js/">Apify SDK</a> and only push the Actors
-                            to the Apify platform during deployment. This is where the Apify CLI comes in to allow you to quickly develop
-                            locally and then deploy to the cloud with a single command.
-                            </p>
-                        </div>
-                        <div className="col col--6">
-                            <CodeBlock language='bash'>{`# Create your first Actor
-apify create my-actor
-
-# Go into the project directory
-cd my-actor
+    const history = useHistory();
 
-# Run it locally
-apify run
+    useEffect(() => {
+        history.replace('/cli/docs');
+    }, [history]);
 
-# Log into your Apify account and deploy it to Apify Platform
-apify login
-apify push`}</CodeBlock>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </Layout>
-    );
+    return null;
 }
diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
deleted file mode 100644
index 8fac7ea35..000000000
--- a/website/src/pages/index.module.css
+++ /dev/null
@@ -1,230 +0,0 @@
-/**
- * CSS files with the .module.css suffix will be treated as CSS modules
- * and scoped locally.
- */
-
-.buttons {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.tagline {
-    font-family: 'Lota Grotesque', sans-serif;
-    font-size: 64px;
-    font-weight: 600;
-    line-height: 80px;
-    letter-spacing: 0;
-    text-align: left;
-}
-
-.tagline span {
-    color: transparent !important;
-}
-
-.relative {
-    position: relative;
-}
-
-.codeBlock {
-    position: absolute;
-    top: 40%;
-    max-width: 400px;
-    width: 100%;
-}
-
-.heroBanner {
-    padding-top: 100px;
-}
-
-.heroBanner h1:nth-child(1) {
-    background: linear-gradient(270deg, rgb(235, 40, 75) 0%, rgb(234, 40, 76) 8.07%, rgb(233, 40, 78) 15.54%, rgb(231, 40, 83) 22.5%, rgb(228, 39, 89) 29.04%, rgb(225, 39, 96) 35.26%, rgb(220, 39, 106) 41.25%, rgb(216, 38, 116) 47.1%, rgb(210, 38, 128) 52.9%, rgb(204, 37, 141) 58.75%, rgb(197, 36, 155) 64.74%, rgb(190, 35, 171) 70.96%, rgb(182, 35, 187) 77.5%, rgb(174, 34, 205) 84.46%, rgb(166, 33, 223) 91.93%, rgb(157, 32, 242) 100%),
-    linear-gradient(0deg, #41465D, #41465D);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-}
-
-.heroBanner h1:nth-child(2) {
-    position: absolute;
-    top: 0;
-    z-index: 1;
-    width: calc(100% - 2rem);
-}
-
-.heroBanner h1::selection,
-.heroBanner h1 span::selection {
-    color: rgb(36, 39, 54) !important;
-    -webkit-text-fill-color: rgb(36, 39, 54);
-    background: #B4D7FE !important;
-    -webkit-background-clip: unset;
-    background-clip: unset;
-}
-
-html[data-theme='dark'] .heroBanner ::selection {
-    color: #fff !important;
-    -webkit-text-fill-color: #fff;
-    background: #385477 !important;
-}
-
-html .heroBanner h2 {
-    font-style: normal;
-    font-weight: 400;
-    font-size: 24px;
-    line-height: 40px;
-    color: #41465d;
-    margin-top: 8px;
-    margin-bottom: 24px;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-}
-
-html[data-theme='dark'] .heroBanner h2 {
-    color: #b3b8d2;
-}
-
-.heroBanner code {
-    background: #272c3d;
-    padding: 10px 20px;
-}
-
-.heroBanner button {
-    opacity: 0.4;
-    padding: 5px 8px;
-    margin-top: -2px;
-}
-
-.heroBanner button span {
-    width: 16px;
-    height: 16px;
-    padding: 0;
-    margin: 0;
-}
-
-.heroBanner code span {
-    color: #f2f3fb;
-}
-
-.logoBlur {
-    position: absolute;
-    width: 680px;
-    height: 680px;
-    top: -120px;
-    left: -100px;
-    z-index: -1;
-}
-
-.heroButtons {
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-    margin-bottom: 50px;
-}
-
-@media only screen and (max-device-width: 996px) {
-    .codeBlock {
-        position: relative;
-        top: 50px;
-    }
-
-    .logoBlur {
-        display: none;
-    }
-}
-
-@media only screen and (max-device-width: 736px) {
-    .heroBanner {
-        padding-top: 20px;
-        padding-bottom: 2rem;
-    }
-
-    .tagline {
-        font-size: 32px;
-        line-height: 48px;
-    }
-
-    .tagline br {
-        display: none;
-    }
-
-    .hideSmall {
-        display: none;
-    }
-
-    .codeBlock {
-        top: 0;
-    }
-}
-
-@media only screen and (max-device-width: 450px) {
-    .codeBlock code {
-        font-size: 0.8em;
-    }
-
-    .heroButtons {
-        flex-direction: column;
-        align-items: flex-start !important;
-    }
-
-    .heroBanner button {
-        opacity: 0;
-    }
-}
-
-@media only screen and (max-device-width: 350px) {
-    .codeBlock code {
-        font-size: 0.7em;
-    }
-}
-
-.tagline span {
-    color: var(--ifm-color-primary);
-}
-
-.getStarted {
-    font-size: 18px;
-    line-height: 28px;
-    padding: 12px 24px;
-    background: #7717b5;
-    border-radius: 8px;
-    color: white;
-    font-weight: 600;
-}
-
-.getStarted:hover {
-    color: white;
-    background: #931ce0;
-}
-
-html[data-theme='dark'] .getStarted {
-    border-color: #585e76;
-}
-
-.try {
-    padding-top: 20px;
-}
-
-.try, .features {
-    color: #41465d;
-}
-
-.try > * {
-    margin-left: 0;
-    margin-right: 0;
-}
-
-html[data-theme='dark'] .try,
-html[data-theme='dark'] .features {
-    color: #b3b8d2;
-}
-
-.features > * {
-    margin: 2em 0;
-}
-
-.bottomLogo {
-    height: 40px;
-}
-/*.bottomLogo path:nth-child(1) {*/
-/*    fill: url(#gradient-1) !important;*/
-/*    stroke: url(#gradient-1) !important;*/
-/*}*/