Add 'sales pitch' page

src/content/docs/using/why-moonlight.mdx

@@ -0,0 +1,36 @@
+---
+title: Why moonlight?
+description: Answering questions about what we do differently in moonlight
+sidebar:
+  order: 3
+---
+import { CardGrid, Card } from "@astrojs/starlight/components";
+
+A common question we get is what moonlight does differently, and why it's worth trying. Here's a list of what we personally think is good about moonlight.
+
+<CardGrid>
+  <Card title="Ready to use extension list" icon="list-format">
+    50+ extensions ready to use in a few clicks, made by community developers
+  </Card>
+  <Card title="Easy, persistent installation" icon="download">
+    [Install into Discord](/using/install) and never think about it again, with automatic patching and update notifications
+  </Card>
+  <Card title="Safe, secure extensions" icon="seti:lock">
+    Official repository extensions are reviewed by a team and built from source on GitHub Actions
+  </Card>
+  <Card title="Extensive documentation" icon="open-book">
+    A constantly evolving list of tips for users and developers - right on this site
+  </Card>
+  <Card title="Webpack code patching" icon="pen">
+    Modify any piece of code you want using regex or ASTs, or add your own code as a Webpack module
+  </Card>
+  <Card title="Open extension system" icon="puzzle">
+    [Develop extensions locally](/ext-dev/getting-started/#build-and-run-the-extension) or [make a third party repository](/ext-dev/getting-started/#publishing-to-github-pages), no recompiling moonlight required
+  </Card>
+  <Card title="Community-made mappings" icon="seti:code-search">
+    [Community-maintained mappings of the Discord client](https://github.com/moonlight-mod/mappings), available as a library
+  </Card>
+  <Card title="Free and open source" icon="github">
+    [View our source on GitHub](https://github.com/moonlight-mod/moonlight) - we won't ask you for anything else in return
+  </Card>
+</CardGrid>