diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index 92f00bc6a119..a7d905fcf2b4 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -16,6 +16,11 @@
 
 <body>
 
+    <!-- Show temporarily the "Coming Soon" page until the Expensify Help site is ready -->
+    {% if page.lhn_content == 'coming_soon' %}
+        {{ content }}
+    {% else %}
+
     <div id="lhn">
 
         <div class="lhn-header">
@@ -70,6 +75,8 @@ <h1 class="title">
             <!-- Footer button content -->
         </div>
     </div>
+    {% endif %}
+
 </body>
 
 </html>
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 7a74ad38f688..6b3e7d8ae696 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -369,4 +369,50 @@ textarea {
     &.fa-angle-right {
         padding-left: 4px;
     }
+}
+
+.coming-soon {
+    overflow: hidden;
+
+    strong {
+        font-size: 20px;
+    }
+
+    #logo {
+        width: 240px;
+        padding: 80px;
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+        align-content: center;
+    }
+
+    #icon {
+        width: 76px;
+        padding: 28px;
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    #centered-content {
+        width: 500px;
+        height: 250px;
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+        align-content: center;
+        text-align: center;
+        padding-top: 22.5vh;
+        font-size: larger;
+
+        @media screen and (max-width: 800px) {
+            width: 380px;
+            padding-top: 15vh;
+        }
+
+        div {
+            margin-top: 8px;
+        }
+    }
 }
\ No newline at end of file
diff --git a/docs/assets/images/circle-hourglass.svg b/docs/assets/images/circle-hourglass.svg
new file mode 100644
index 000000000000..5c307db6bb04
--- /dev/null
+++ b/docs/assets/images/circle-hourglass.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" fill="#C6C9CA" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+<path d="M31.1,27l1.5-2.2h-4.9l1.5,2.2C29.6,27.8,30.4,27.8,31.1,27z"/>
+<path d="M28.1,34.9L25.5,39h9.4l-3-4.5C30.8,33.4,28.9,33.4,28.1,34.9z"/>
+<path d="M30,0C13.5,0,0,13.5,0,30s13.5,30,30,30s30-13.5,30-30S46.5,0,30,0z M35.2,30.8l4.1,10.5h1.9c1.1,0,1.9,0.8,1.9,1.9
+	S42.4,45,41.2,45H18.8c-1.1,0-1.9-0.8-1.9-1.9s0.8-1.9,1.9-1.9h1.9l4.1-10.5c0.4-0.8,0.4-1.5,0-2.6L21,18.8h-2.2
+	c-1.1,0-1.9-0.8-1.9-1.9s0.8-1.9,1.9-1.9h22.5c1.1,0,1.9,0.8,1.9,1.9s-0.8,1.9-1.9,1.9H39l-3.8,9.4C34.9,28.9,34.9,30,35.2,30.8z"/>
+</svg>
diff --git a/docs/index.html b/docs/index.html
index 92f93b1613a0..872a118e68d8 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,5 +1,15 @@
 ---
-lhn_content: 'homepage'
+lhn_content: 'coming_soon'
 ---
 
-<!-- Add Homepage content here -->
+<div class="coming-soon">
+    <img id="logo" src="/assets/images/expensify-help.svg" />
+
+    <div id="centered-content">
+        <!-- <div id="icon"></div> -->
+        <img id="icon" src="/assets/images/circle-hourglass.svg" />
+        <strong>Coming soon</strong>
+        <div>Looking for our old help site? Check it out <a href="https://community.expensify.com/">here</a>.</div>
+    </div>
+</div>
+
diff --git a/docs/main.html b/docs/main.html
new file mode 100644
index 000000000000..92f93b1613a0
--- /dev/null
+++ b/docs/main.html
@@ -0,0 +1,5 @@
+---
+lhn_content: 'homepage'
+---
+
+<!-- Add Homepage content here -->
