[DOCS] Updated landing page (#91361)

* [DOCS] New landing page

* Add links for alerting, painless, and plugins

* Change 'Get started with Elastic Cloud' into 'Get started'

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

docs/reference/index-custom-title-page.html

@@ -0,0 +1,233 @@
+<style>
+  * {
+    box-sizing: border-box;
+  }
+
+  .card {
+    cursor: pointer;
+    padding: 16px;
+    text-align: left;
+    color: #000;
+  }
+
+  .card:hover {
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+    padding: 16px;
+    text-align: left;
+  }
+
+  #guide a.no-text-decoration:hover {
+    text-decoration: none!important;
+  }
+
+  .icon {
+    width: 24px;
+    height: 24px;
+    background-position: bottom;
+    background-size: contain;
+    background-repeat: no-repeat;
+  }
+
+  .ul-col-1 {
+    columns: 1;
+    -webkit-columns: 1;
+    -moz-columns: 1;
+  }
+
+  @media (min-width:769px) {
+    .ul-col-md-2 {
+      columns: 2;
+      -webkit-columns: 2;
+      -moz-columns: 2;
+    }
+  }
+</style>
+
+<div class="legalnotice"></div>
+
+<div class="row my-4">
+  <div class="col-md-6 col-12">
+    <p></p>
+    <h2>Search and analyze your data</h2>
+    <p>
+      Elasticsearch is the search and analytics engine that powers the Elastic Stack.
+    </p>
+    <p>
+      <a href="https://www.elastic.co/guide/en/welcome-to-elastic/current/getting-started-guides.html">
+        <button class="btn btn-primary">Get started</button>
+      </a>
+    </p>
+    <p>
+      <a class="inline-block mr-3" href="elasticsearch-intro.html">Introduction</a>
+      <a class="inline-block mr-3" href="release-highlights.html">What's new</a>
+      <a class="inline-block mr-3" href="es-release-notes.html">Release notes</a>
+  </p>
+  </div>
+  <div class="col-md-6 col-12">
+    <img class="w-100" src="https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltb8eb1c8cf2e7309e/636925fb7457f32a10457f6d/elasticsearch.png" />
+  </div>
+</div>
+
+<h3>Explore by use case</h3>
+
+<div class="row my-4">
+  <div class="col-md-4 col-12 mb-2">
+    <a class="no-text-decoration" href="https://www.elastic.co/guide/en/enterprise-search/current/start.html">
+      <div class="card h-100">
+        <h4 class="mt-3">
+          <span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt11200907c1c033aa/634d9da119d8652169cf9b2b/enterprise-search-logo-color-32px.png');"></span>
+          Search my data
+        </h4>
+        <p>Create search experiences for your content, wherever it lives.</p>
+      </div>
+    </a>
+  </div>
+  <div class="col-md-4 col-12 mb-2">
+    <a class="no-text-decoration" href="https://www.elastic.co/guide/en/welcome-to-elastic/current/getting-started-observability.html">
+      <div class="card h-100">
+        <h4 class="mt-3">
+          <span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltaa08b370a00bbecc/634d9da14e565f1cdce27f7c/observability-logo-color-32px.png');"></span>
+          Observe my data
+        </h4>
+        <p>Follow our guides to monitor logs, metrics, and traces.</p>
+      </div>
+    </a>
+  </div>
+  <div class="col-md-4 col-12 mb-2">
+    <a class="no-text-decoration" href="https://www.elastic.co/guide/en/security/current/es-overview.html">
+      <div class="card h-100">
+        <h4 class="mt-3">
+          <span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt5e0e0ad9a13e6b8c/634d9da18473831f96bbdf1e/security-logo-color-32px.png');"></span>
+          Protect my environment
+        </h4>
+        <p>Learn how to defend against threats across your environment.</p>
+      </div>
+    </a>
+  </div>
+</div>
+
+<h3>Get to know Elasticsearch</h3>
+
+<div class="my-5">
+  <div class="d-flex align-items-center mb-3">
+    <h4 class="mt-3">
+      <span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt92d73ce4826bb90b/636925a6732dbf6cf9ec6aa0/64x64_Color_icon-management-64-color.png');"></span>
+      Install, manage, and secure
+    </h4>
+  </div>
+  <ul class="ul-col-md-2 ul-col-1">
+    <li>
+      <a href="setup.html">Set up Elasticsearch</a>
+    </li>
+    <li>
+      <a href="secure-cluster.html">Secure the Elastic Stack</a>
+    </li>
+    <li>
+      <a href="setup-upgrade.html">Upgrade Elasticsearch</a>
+    </li>
+    <li>
+      <a href="high-availability.html">Set up a cluster for high availability</a>
+    </li>
+    <li>
+      <a href="monitor-elasticsearch-cluster.html">Monitor a cluster</a>
+    </li>
+    <li>
+      <a href="troubleshooting.html">Troubleshooting</a>
+    </li>
+  </ul>
+</div>
+
+<div class="my-5">
+  <div class="d-flex align-items-center mb-3">
+    <h4 class="mt-3">
+      <span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt02e9f0adebbc1a3a/636925a5dfcded441e8a592a/64x64_Color_icon-add-data-64-color.png');"></span>
+      Ingest data
+    </h4>
+  </div>
+  <ul class="ul-col-md-2 ul-col-1">
+    <li>
+      <a href="https://www.elastic.co/guide/en/cloud/current/ec-cloud-ingest-data.html">Adding data to Elasticsearch</a>
+    </li>
+    <li>
+      <a href="data-streams.html">Data streams</a>
+    </li>
+    <li>
+      <a href="ingest.html">Ingest pipelines</a>
+    </li>
+    <li>
+      <a href="mapping.html">Mapping</a>
+    </li>
+  </ul>
+</div>
+
+<div class="my-5">
+  <div class="d-flex align-items-center mb-3">
+    <h4 class="mt-3">
+      <span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt840cd6d6cd00411b/636925a530ae7a6f07ce6bdf/64x64_Color_icon-search-ui-64-color.png');"></span>
+      Search and analyze
+    </h4>
+  </div>
+  <ul class="ul-col-md-2 ul-col-1">
+    <li>
+      <a href="search-your-data.html">Search your data</a>
+    </li>
+    <li>
+      Query data with <a href="query-dsl.html">the Query DSL</a>, <a href="eql.html">EQL</a>, or <a href="xpack-sql.html">SQL</a>
+    </li>
+    <li>
+      <a href="search-aggregations.html">Aggregations</a>
+    </li>
+    <li>
+      <a href="https://www.elastic.co/guide/en/machine-learning/current/index.html">Machine Learning</a>
+    </li>
+    <li>
+      <a href="xpack-alerting.html">Alerting</a>
+    </li>
+  </ul>
+</div>
+
+<div class="my-5">
+  <div class="d-flex align-items-center mb-3">
+    <h4 class="mt-3">
+      <span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt7ebe7a4ac94bde82/636925a5ee6a787e4fee4edb/64x64_Color_icon-documents-64-color.png');"></span>
+      Data management
+    </h4>
+  </div>
+  <ul class="ul-col-md-2 ul-col-1">
+    <li>
+      <a href="data-management.html">Data management</a>
+    </li>
+    <li>
+      <a href="data-rollup-transform.html">Roll up or transform your data</a>
+    </li>
+    <li>
+      <a href="snapshot-restore.html">Snapshot and restore</a>
+    </li>
+  </ul>
+</div>
+
+<div class="my-5">
+  <div class="d-flex align-items-center mb-3">
+    <h4 class="mt-3">
+      <span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blteacd058910f155d8/636925a6e0ff7c532db636d7/64x64_Color_icon-dev-tools-64-color.png');"></span>
+      APIs and developer docs
+    </h4>
+  </div>
+  <ul class="ul-col-md-2 ul-col-1">
+    <li>
+      <a href="rest-apis.html">REST APIs</a>
+    </li>
+    <li>
+      <a href="https://www.elastic.co/guide/en/elasticsearch/client/index.html">Elasticsearch clients</a>
+    </li>
+    <li>
+      <a href="https://www.elastic.co/guide/en/elasticsearch/painless/current/index.html">Painless scripting language</a>
+    </li>
+    <li>
+      <a href="https://www.elastic.co/guide/en/elasticsearch/plugins/current/index.html">Plugins and integrations</a>
+    </li>
+  </ul>
+</div>
+
+
+<p class="my-4"><a href="https://www.elastic.co/guide/index.html">View all Elastic docs</a></p>

docs/reference/index-extra-title-page.html

@@ -1,20 +0,0 @@
-<div class="legalnotice">
-  <p>
-    Welcome to the official documentation for Elasticsearch:
-    the search and analytics engine that powers the Elastic Stack.
-    If you want to learn how to use Elasticsearch to search and analyze your
-    data, you've come to the right place. This guide shows you how to:
-  </p>
-  <div class="itemizedlist">
-    <ul class="itemizedlist" type="disc">
-      <li class="listitem">Install, configure, and administer an Elasticsearch
-      cluster.</li>
-      <li class="listitem">Index your data, optimize your indices, and search
-      with the Elasticsearch query language.
-      </li>
-      <li class="listitem">Discover trends, patterns, and anomalies with
-      aggregations and the machine learning APIs.
-      </li>
-    </ul>
-  </div>
-</div>