diff --git a/docs/index.asciidoc b/docs/index.asciidoc
index 6de80b6e845de..d72b97a76af2a 100644
--- a/docs/index.asciidoc
+++ b/docs/index.asciidoc
@@ -7,6 +7,8 @@ include::{docs-root}/shared/versions/stack/{source_branch}.asciidoc[]
 
 include::{docs-root}/shared/attributes.asciidoc[]
 
+include::landing-page.asciidoc[]
+
 include::user/index.asciidoc[]
 
 include::accessibility.asciidoc[]
diff --git a/docs/index-custom-title-page.html b/docs/landing-page.asciidoc
similarity index 93%
rename from docs/index-custom-title-page.html
rename to docs/landing-page.asciidoc
index 8ab70b8c81c8d..0ae93198aa456 100644
--- a/docs/index-custom-title-page.html
+++ b/docs/landing-page.asciidoc
@@ -1,3 +1,4 @@
+++++
 <style>
   * {
     box-sizing: border-box;
@@ -281,4 +282,19 @@ <h4 class="mt-3">
   </div>
 </div>
 
-<p class="my-4"><a href="https://www.elastic.co/guide/index.html">View all Elastic docs</a></p>
+<script>
+window.addEventListener("DOMContentLoaded", (event) => {
+  const left_col = document.getElementById("left_col")
+  left_col.classList.remove('col-0')
+  left_col.classList.add("col-12", "col-md-4", "col-lg-3", "h-almost-full-md", "sticky-top-md")
+  const right_col = document.getElementById("right_col")
+  right_col.classList.add('d-none')
+  const middle_col = document.getElementById("middle_col")
+  middle_col.classList.remove("col-lg-7")
+  middle_col.classList.add("col-lg-9", "col-md-8")
+  const toc = middle_col.getElementsByClassName("toc")[0]
+  toc.remove()
+  left_col.appendChild(toc);
+});
+</script>
+++++
\ No newline at end of file