chore: write intro page

DX-11

Author: aheckmann

docs/intro.md

@@ -2,51 +2,37 @@
 title: Introduction
 slug: /
 sidebar_position: 1
+description: Explore our guides and examples to integrate Plane
 ---
 
-{frontMatter.description && <h3 class="description">{frontMatter.description}</h3>}
-
-# TODO Introduction
-
-TODO !!!!!!
-Let's discover **Docusaurus in less than 5 minutes**.
-
-## Getting Started
-
-Get started by **creating a new site**.
-
-Or **try Docusaurus immediately** with **[docusaurus.new](https://docusaurus.new)**.
-
-### What you'll need
+# Plane Developer Documentation
 
-- [Node.js](https://nodejs.org/en/download/) version 18.0 or above:
-  - When installing Node.js, you are recommended to check all checkboxes related to dependencies.
-
-## Generate a new site
-
-Generate a new Docusaurus site using the **classic template**.
-
-The classic template will automatically be added to your project after you run the command:
-
-```bash
-npm init docusaurus@latest my-website classic
-```
-
-You can type this command into Command Prompt, Powershell, Terminal, or any other integrated terminal of your code editor.
+{frontMatter.description && <h3 class="description">{frontMatter.description}</h3>}
 
-The command also installs all necessary dependencies you need to run Docusaurus.
+:::tip Let's Go!
+Get Started with Self-Hosting right away by visiting our [QuickStart](/self-hosting/overview).
+:::
 
-## Start your site
+Greetings developer! 👋
 
-Run the development server:
+We're happy you're here. This site is focused on making it easy for you to
+integrate with Plane. Whether hosting Plane yourself or creating a custom
+integration, this is where you'll find all the fun details you need. 🦾
 
-```bash
-cd my-website
-npm run start
-```
+import { Card } from '@site/src/components/Card';
+import { CardGroup } from '@site/src/components/CardGroup';
 
-The `cd` command changes the directory you're working with. In order to work with your newly created Docusaurus site, you'll need to navigate the terminal there.
+## Solutions
 
-The `npm run start` command builds your website locally and serves it through a development server, ready for you to view at http://localhost:3000/.
+<CardGroup cols={3}>
+  <Card title="Self-Hosting" icon="FaDocker" href="/self-hosting/overview">
+    Learn how to self-host Plane.
+  </Card>
+  <Card title="API Reference" icon="FaCog" href="/api/the-plane-rest-api">
+    Use our API reference to build a custom integration.
+  </Card>
+  <Card title="Webhooks" icon="FaCog" href="/webhooks/intro">
+    Learn how to integrate Plane's webhooks with your service.
+  </Card>
+</CardGroup>
 
-Open `docs/intro.md` (this page) and edit some lines: the site **reloads automatically** and displays your changes.