docs: add Get Started section to docs homepage

This commit adds the new Get Started section design to the docs homepage

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,10 @@ 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";
 
 <DocsHeader
   quickActions={[
@@ -46,16 +51,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!)