docs: add Get Started section to docs homepage

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 @@ template: "landing-page"
 import DocsHeader, { DocsHeaderProps } from "@site/src/components/Pages/Homepage/DocsHeader";
 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";
@@ -28,6 +29,12 @@ import jamfProSvg from "@site/src/components/Icon/teleport-svg/jamf-pro.svg";
 import jenkinsSvg from "@site/src/components/Icon/teleport-svg/jenkins.svg";
 import snowflakeSvg from "@site/src/components/Icon/teleport-svg/snowflake.svg";
 import arrowRightSvg from "@site/src/components/Icon/teleport-svg/arrow-right.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={[
@@ -46,16 +53,57 @@ import arrowRightSvg from "@site/src/components/Icon/teleport-svg/arrow-right.sv
   ]}
 />
 
-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: "Detailed guide on how to install Teleport binaries/clients on your platform.",
+      href: "./installation/",
+      iconComponent: bookOpenSvg,
+    },
+    {
+      title: "Architecture",
+      description: "Understand how Teleport is architected and how its components work together.",
+      href: "./reference/architecture/",
+      iconComponent: flowArrowSvg,
+    },
+    {
+      title: "User guides",
+      description: "Guides for accessing infrastructure with Teleport tools and interfaces.",
+      href: "./connect-your-client/",
+      iconComponent: identificationBadgeSvg,
+    },
+    {
+      title: "References",
+      description: "A complete references for configuring core components across environments.",
+      href: "./reference/",
+      iconComponent: listBulletsSvg,
+    },
+  ]}
+/>
 
 (!docs/pages/includes/homepage/products.mdx!)
 
@@ -176,20 +224,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)
+/>