docs: add Get Started section to docs homepage (#60660)

This commit adds the new Get Started section design to the docs homepage. Also removes the rest of the free text, about Architecture, from the page since it's already mentioned in this section.

Author: rodgtr1

docs/pages/index.mdx

@@ -9,6 +9,7 @@ import Products, { ProductProps } from "@site/src/components/Pages/Homepage/Prod
 import VersionHighlights from "@site/src/components/Pages/Homepage/VersionHighlights";
 import Resources, { ResourcesProps } from "@site/src/components/Pages/Homepage/Resources";
 import Integrations, { IntegrationsProps } from "@site/src/components/Pages/Homepage/Integrations";
+import GetStarted from "@site/src/components/Pages/Homepage/GetStarted";
 
 import applicationSvg from "@site/src/components/Icon/teleport-svg/application.svg";
 import linuxServersSvg from "@site/src/components/Icon/teleport-svg/linux-servers.svg";
@@ -32,6 +33,12 @@ import zeroTrustSvg from "@site/src/components/Icon/teleport-svg/zero-trust.svg"
 import mwiSvg from "@site/src/components/Icon/teleport-svg/mwi.svg";
 import identityGovernanceSvg from "@site/src/components/Icon/teleport-svg/identity-governance.svg";
 import identitySecuritySvg from "@site/src/components/Icon/teleport-svg/identity-security.svg";
+import bookOpenSvg from "@site/src/components/Icon/teleport-svg/book-open.svg";
+import flowArrowSvg from "@site/src/components/Icon/teleport-svg/flow-arrow.svg";
+import identificationBadgeSvg from "@site/src/components/Icon/teleport-svg/identification-badge.svg";
+import listBulletsSvg from "@site/src/components/Icon/teleport-svg/list-bullets.svg";
+
+{/* lint disable page-structure remark-lint */}
 
 <DocsHeader
   quickActions={[
@@ -50,16 +57,57 @@ import identitySecuritySvg from "@site/src/components/Icon/teleport-svg/identity
   ]}
 />
 
-Teleport is the easiest, most secure way to access and protect all your infrastructure.
-
-The Teleport Infrastructure Identity Platform implements trusted computing at
-scale, with unified cryptographic identities for humans, machines and workloads,
-endpoints, infrastructure assets, and AI agents. 
-
-## Get started
-
-You can quickly see how Teleport works by following our [Get
-Started](./get-started/get-started.mdx) guide to enroll your first resource with Teleport.
+<GetStarted
+  youtubeVideoId="BJWbSqiDLeU"
+  steps={[
+    {
+      title: "Step 1: Deploy a Teleport cluster",
+      description: "Select an edition and deploy a Teleport cluster. ",
+      href: "./get-started/",
+    },
+    {
+      title: "Step 2: Connect your infrastructure",
+      description: "Connect and protect your infrastructure with your Teleport cluster.",
+      href: "./get-started/connect/",
+    },
+    {
+      title: "Step 3: Manage access",
+      description: "Configure role-based access controls for your team.",
+      href: "./get-started/access/",
+    },
+    {
+      title: "Step 4: Review a detailed audit log",
+      description: "Collect detailed events generated by humans and machines across your infrastructure.",
+      href: "./get-started/audit/",
+    },
+  ]}
+  links={[
+    {
+      title: "Installation guide",
+      description: "How to install Teleport binaries/clients on your platform.",
+      href: "./installation/",
+      iconComponent: bookOpenSvg,
+    },
+    {
+      title: "Architecture",
+      description: "Understand how Teleport components work together.",
+      href: "./reference/architecture/",
+      iconComponent: flowArrowSvg,
+    },
+    {
+      title: "User guides",
+      description: "Accessing infrastructure with Teleport tools and interfaces.",
+      href: "./connect-your-client/",
+      iconComponent: identificationBadgeSvg,
+    },
+    {
+      title: "References",
+      description: "Comprehensive guides for configuring Teleport components.",
+      href: "./reference/",
+      iconComponent: listBulletsSvg,
+    },
+  ]}
+/>
 
 <Products
   productCategories={[
@@ -379,20 +427,4 @@ Started](./get-started/get-started.mdx) guide to enroll your first resource with
       iconComponent: arrowRightSvg,
     },
   ]}
-/>
-
-## Architecture
-
-The Teleport Infrastructure Identity Platform consists of a certificate authority and
-identity-aware access proxy that run either on the Teleport-managed cloud or, in
-special cases, a self-hosted private network. 
-
-Teleport Agents, which can run on Linux servers or Kubernetes, proxy access to
-infrastructure resources and cloud provider APIs. Users authenticate to
-infrastructure resources through Teleport Agents using short-lived certificates.
-Teleport Agents enforce role-based access controls by using certificates that embed user attributes.
-
-Learn more:
-
-- [Teleport Core Concepts](./core-concepts.mdx)
-- [Architecture Guides](./reference/architecture/architecture.mdx)
+/>