docs: update Auto-Discovery docs page with new design (#61102)

This commit updates the enroll resources Auto-Discovery page with the new design.

docs/pages/enroll-resources/auto-discovery/auto-discovery.mdx

@@ -1,29 +1,125 @@
 ---
-title: Teleport Auto-Discovery
-description: "Learn how to use the Teleport Discovery Service, which automatically enrolls resources by query APIs"
+title: Auto-Discovery
+description: "Automatically detect and enroll resources in your infrastructure"
+template: doc-page
 tags:
  - zero-trust
  - infrastructure-identity
 sidebar_position: 8
 ---
 
-The Teleport Discovery Service automatically detects resources in your
-infrastructure and enrolls them in your Teleport cluster. When you deploy
-servers, databases, and Kubernetes clusters, Teleport enables secure access to
-these resources with no further configuration. This lets you decouple the need
-to protect your infrastructure resources from the work of deploying and managing
-them.
+import DocHero from "@site/src/components/Pages/Landing/DocHero";
+import EnrollmentMethods, { Method } from "@site/src/components/Pages/Landing/EnrollmentMethods/EnrollmentMethods";
 
-The Discovery Service runs on [Teleport Agents](../agents/agents.mdx). It
-periodically queries cloud provider APIs to list resources in your
-infrastructure. It then reconciles these resources with Teleport resources
-registered on the Auth Service backend.
+import autoDiscoveryImg from "@version/docs/img/auto-discovery/auto-discovery-hero.jpg";
+import databaseAccessImg from "@site/src/components/Icon/teleport-svg/database-access.svg";
+import kubernetesClustersSvg from "@site/src/components/Icon/teleport-svg/kubernetes-clusters.svg";
+import linuxServersSvg from "@site/src/components/Icon/teleport-svg/linux-servers.svg";
+import kubernetesSvg from "@site/src/components/Icon/svg/kubernetes2.svg";
 
-Set up Teleport auto-discovery for resources in your infrastructure:
+<DocHero
+  title="Automatically discover and connect to resources"
+  image={autoDiscoveryImg}
+>
+Streamline infrastructure security with the Teleport Discovery Service. When you deploy servers, databases, and Kubernetes clusters, the service enables secure access to them with no further configuration needed.
 
-## Guides
+[Teleport Agents](../agents/agents.mdx) power the Discovery Service, automatically syncing resources with the Auth Service.
+</DocHero>
 
-- [Database Discovery (section)](./databases/): Detailed guides for configuring database discovery.
-- [Enroll Kubernetes Services as Teleport Applications (section)](./kubernetes-applications/): Teleport can automatically detect applications running in your Kubernetes clusters and register them with Teleport for secure access.
-- [Kubernetes Clusters Discovery (section)](./kubernetes/): Detailed guides for configuring Kubernetes Clusters Discovery.
-- [Server Auto-Discovery (section)](./servers/): You can set up the Teleport Discovery Service to automatically enroll servers in your infrastructure.
+<EnrollmentMethods title="Auto-discovery guides">
+<Method
+title="Databases"
+icon={databaseAccessImg}
+href="./databases/"
+tagLists={
+  [
+    {
+      tags: 
+        [
+          {
+            name: "AWS",
+            href: "./databases/aws/",
+            icon: "aws",
+          },
+          {
+            name: "Azure",
+            href: "../database-access/enroll-azure-databases/",
+            icon: "azure",
+          },
+        ] 
+    },
+  ]
+}
+>
+  Automatically discover and register databases in your cluster.
+</Method>
+<Method
+title="Servers"
+icon={linuxServersSvg}
+href="./servers/"
+tagLists={
+  [
+    {
+      tags: 
+        [
+          {
+            name: "Amazon EC2",
+            href: "./servers/ec2-discovery/",
+            icon: "ec2",
+          },
+          {
+            name: "Google Compute Engine",
+            href: "./servers/gcp-discovery/",
+            icon: "googleCloud",
+          },
+         {
+            name: "Azure Virtual Machines",
+            href: "./servers/azure-discovery/",
+            icon: "azure",
+          },
+        ] 
+    },
+  ]
+}
+>
+  Connect to your cloud provider to automatically find and enroll servers.
+</Method>
+<Method
+title="Kubernetes clusters"
+icon={kubernetesClustersSvg}
+href="./kubernetes/"
+tagLists={
+  [
+    {
+      tags: 
+        [
+          {
+            name: "AWS",
+            href: "./kubernetes/aws/",
+            icon: "aws",
+          },
+          {
+            name: "Azure",
+            href: "./kubernetes/azure/",
+            icon: "azure",
+          },
+          {
+            name: "Google Cloud",
+            href: "./kubernetes/google-cloud/",
+            icon: "googleCloud",
+          },
+        ]
+    },
+  ]
+}
+>
+  Enable automatic detection and enrollment of cloud-hosted Kubernetes clusters.
+</Method>
+<Method
+title="Kubernetes services as Teleport apps"
+icon={kubernetesSvg}
+href="./kubernetes-applications/"
+>
+  Teleport can automatically detect applications running in your Kubernetes clusters and register them with Teleport for secure access.
+</Method>
+</EnrollmentMethods>