Updated startpage

Author: antonpirker

develop-docs/getting-started/index.mdx

@@ -4,15 +4,51 @@ description: This documentation serves as reference points for developing agains
 sidebar_order: 1
 ---
 
-## Getting Started
+We recommend going through the [engineering practices](/engineering-practices) and our [development philsophy](/getting-started/philosophy/) before contributing a change to Sentry.
 
-We recommend going through the general documentation before contributing a change to Sentry.
-
-- <Link to="/getting-started/philosophy/">Development Philosophy</Link> (and <Link to="/sdk/philosophy/">SDK Development Philosophy</Link>)
-- <Link to="/development/commit-messages/">Commit Messages</Link>
-- <Link to="/development/code-review/">Code Review</Link>
-- <Link to="/development/environment/">Environment</Link>
-- <Link to="/development/workflow/">Workflow</Link>
-- <Link to="/application/architecture/">Application Architecture</Link>
+<div className="flex flex-wrap gap-6">
+    <Card
+        className="w-full md:w-[calc(50%-12px)]"
+        href="/api-server/"
+        title="API Server"
+        description="The monolith that is powering Sentry."
+    />
+    <Card
+        className="w-full md:w-[calc(50%-12px)]"
+        href="/frontend/"
+        title="Frontend"
+        description="How we write frontend code."
+    />
+    <Card
+        className="w-full md:w-[calc(50%-12px)]"
+        href="/services/"
+        title="Services"
+        description="Running besides the monolith."
+    />
+    <Card
+        className="w-full md:w-[calc(50%-12px)]"
+        href="/integrations/"
+        title="Integrations"
+        description="Connecting Sentry to other products."
+    />
+    <Card
+        className="w-full md:w-[calc(50%-12px)]"
+        href="/ingestion/"
+        title="Ingestion"
+        description="Receiving and processing data."
+    />
+    <Card
+        className="w-full md:w-[calc(50%-12px)]"
+        href="/sdk/"
+        title="SDKs"
+        description="Instrumenting users code."
+    />
+    <Card
+        className="w-full"
+        href="/self-hosted/"
+        title="Self-Hosted Sentry"
+        description="How you can run all of Sentry on your own server, without paying anything."
+    />
+</div>
 
 You can also take a glance at the [Sentry Dockerfile](https://github.com/getsentry/sentry/blob/master/self-hosted/Dockerfile) for more information on how the Sentry server is configured, including its system dependencies.

src/mdxComponents.ts

@@ -1,6 +1,7 @@
 import {Alert, Note} from './components/alert';
 import {Arcade} from './components/arcade';
 import {Break} from './components/break';
+import {Card} from './components/card';
 import {CliChecksumTable} from './components/cliChecksumTable';
 import {CodeBlock} from './components/codeBlock';
 import {CodeTabs} from './components/codeTabs';
@@ -43,6 +44,7 @@ export function mdxComponents(
     Alert,
     Arcade,
     Break,
+    Card,
     CliChecksumTable,
     CommunitySupportedPlatforms,
     PlatformFilter,