docs: add features section, customize theme, improve wording

Author: julian-farbcode

docs/.vitepress/theme/custom.css

@@ -0,0 +1,13 @@
+:root {
+    --vp-c-brand-1: #003e99;
+    --vp-c-brand-2: #0da4d2;
+    --vp-c-brand-3: #0BBAEE;
+    --vp-c-brand-soft: rgba(11, 185, 238, 0.765);
+}
+
+.dark {
+    --vp-c-brand-1: #0BBAEE;
+    --vp-c-brand-2: #0046af;
+    --vp-c-brand-3: #003e99;
+    --vp-c-brand-soft: rgba(0, 61, 153, 0.765);
+}

docs/.vitepress/theme/index.js

@@ -0,0 +1,4 @@
+import DefaultTheme from 'vitepress/theme'
+import './custom.css'
+
+export default DefaultTheme

docs/pages/index.md

@@ -9,7 +9,17 @@ hero:
         - theme: brand
           text: Get Started
           link: /installation
+        - theme: alt
+          text: How to use
+          link: /basic-usage
 
 features:
-    - title: TODO
+    - title: 🧘🏻‍♂️ Unified Resources
+      details: Provide multiple resource representations through a single resource class.
+    - title: 🏗️ Built-in States
+      details: Comes with default states for common use cases.
+    - title: 🪄 Magic Methods
+      details: Optional magic methods for a more fluent and expressive syntax.
+    - title: 🛠️ Hackable
+      details: Extend the package with your own custom states and logic.
 ---

docs/pages/installation.md

@@ -13,7 +13,7 @@ Install the package via composer:
 composer require farbcode/laravel-stateful-resources
 ```
 
-Publish the config file with:
+Publish the configuration file with:
 
 ```bash
 php artisan vendor:publish --tag="stateful-resources-config"