Refactor setup documentation

docs/routes/index.md

@@ -2,36 +2,20 @@
 title: Introduction
 ---
 
-## What is Omorphia?
+## Overview
 
-Omorphia is Modrinth's style and reusable component library for use in all of its frontend applications, including [knossos](https://github.com/modrinth/knossos) (modrinth.com), [theseus](https://github.com/modrinth/theseus) (launcher), and planned projects such as Modrinth's in-house auth and ad-server.
+Omorphia is Modrinth's component, style, and utility library for Svelte projects. It includes:
+
+- 🧩 Typed components which enhance HTML elements and provide a consistent UI
+- 🎨 CSS classes to easily style elements with a coherent style
+- 🧰 Typed utilities to solve common tasks quick and dependably
+- ⚙️ Configuration for SvelteKit and PostCSS to simplify setups
+- 🚚 A Rollup plugin to generate a cache of heavily used API requests and OpenAPI types
+
+Omorphia is used in [Knossos](https://github.com/modrinth/knossos) (modrinth.com) and [Theseus](https://github.com/modrinth/theseus) (Minecraft launcher).
 
 It uses [Svelte](https://svelte.dev/) to deliver the best performance with the least boilerplate.
 
 ## Getting started
 
-Adding Omorphia to your project is as easy as:
-
-```bash
-pnpm add omorphia
-```
-
-### Components
-
-Use a component by importing from `omorphia`. For example, use the [Button component](/components/Button) like so:
-
-```svelte example raised
-<script lang="ts">
-	import { Button } from 'omorphia'
-</script>
-
-<Button color="primary">I'm a button!</Button>
-```
-
-For more information on each component, check out the pages on the sidebar navigation.
-
-> To get Svelte language support in your code editor, [use this list of extensions.](https://sveltesociety.dev/tools#editor-support)
-
-### Using icons and styles
-
-Follow the guides on the sidebar to learn how to use [icons](/getting-started/icons) and general concepts.
+Follow the instructions on the [➜ setup page 🛠️](/setup).