[docs] Updated Landing Page (#5803)

* Updating docs landing page since all the guides have moved

* fixing line wrap

* Giving the docs landing page content with CTAs

* Updated the language for the config and learn boxes

* fixing spacing

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;
+    }
+  }
+}

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>

website/source/docs/index.html.md

@@ -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.