diff --git a/website/source/assets/stylesheets/_docs.scss b/website/source/assets/stylesheets/_docs.scss
index ccbbf2135..03b80da36 100755
--- a/website/source/assets/stylesheets/_docs.scss
+++ b/website/source/assets/stylesheets/_docs.scss
@@ -73,3 +73,20 @@
     }
   }
 }
+
+#docs-tiles {
+  display: grid;
+  grid-template-columns: auto auto auto;
+  grid-column-gap: 2em;
+
+  .docs-tiles-tile {
+    border: 1px solid lightgray;
+    border-radius: 3px;
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, .05);
+    padding: 0 40px;
+
+    h3 {
+      margin-top: 25px;
+    }
+  }
+}
diff --git a/website/source/docs/index.html.erb b/website/source/docs/index.html.erb
new file mode 100644
index 000000000..e0a928ed0
--- /dev/null
+++ b/website/source/docs/index.html.erb
@@ -0,0 +1,39 @@
+---
+layout: "docs"
+page_title: "Documentation"
+sidebar_current: "docs-home"
+description: |-
+  Welcome to the Consul documentation! This documentation is reference material for all available features and options of Consul. 
+---
+
+<h1>Consul Documentation</h1>
+
+<p>Welcome to the Consul documentation! The documentation is reference
+material for all available features and options of Consul. </p>
+
+<p>In the Quick Links below, you will find the most commonly used documentation
+and a link to our guides that walk you through common tasks. Note, the 
+guides are located on the HashiCorp Learn site. 
+
+<h2>Quick Links</h2>
+
+<div id="docs-tiles">
+  <div class="docs-tiles-tile">
+    <h3>Install</h3>
+
+    <p>Follow <a href="/docs/install/index.html">the documentation</a> to install
+    Consul either with a precompiled binary or from source.</p>
+  </div>
+  <div class="docs-tiles-tile">
+    <h3>Configure</h3>
+
+    <p>Read more about the <a href="/docs/agent/options.html">configuration options</a>
+    for Consul servers and clients.</p>
+  </div>
+  <div class="docs-tiles-tile">
+    <h3>Learn</h3>
+
+    <p>Get started using Consul with our step-by-step guides at
+    <a href="https://learn.hashicorp.com/consul">HashiCorp Learn</a>.</p>
+  </div>
+</div>
diff --git a/website/source/docs/index.html.md b/website/source/docs/index.html.md
deleted file mode 100644
index d0be08c74..000000000
--- a/website/source/docs/index.html.md
+++ /dev/null
@@ -1,14 +0,0 @@
----
-layout: "docs"
-page_title: "Documentation"
-sidebar_current: "docs-home"
-description: |-
-  Welcome to the Consul documentation! This documentation is more of a reference guide for all available features and options of Consul. If you're just getting started with Consul, please start with the introduction and getting started guide instead.
----
-
-# Consul Documentation
-
-Welcome to the Consul documentation! This documentation is more of a reference
-guide for all available features and options of Consul. If you're just getting
-started with Consul, please start with the
-[introduction and getting started guide](/intro/index.html) instead.