diff --git a/components/index/about.vue b/components/index/about.vue
new file mode 100644
index 0000000..33564d5
--- /dev/null
+++ b/components/index/about.vue
@@ -0,0 +1,6 @@
+<template>
+  <div class="prose dark:prose-invert">
+    <h1>About</h1>
+    <p>incl. projects</p>
+  </div>
+</template>
diff --git a/components/index/services.vue b/components/index/services.vue
new file mode 100644
index 0000000..cc010c5
--- /dev/null
+++ b/components/index/services.vue
@@ -0,0 +1,12 @@
+<template>
+  <div class="prose dark:prose-invert">
+    <h1>Services</h1>
+    <p>Gitea</p>
+    <p>Eifueo</p>
+    <p>Primoprod</p>
+    <p>Calibre</p>
+    <p>Plex</p>
+    <p>Jellyfin</p>
+    <p>Minecraft</p>
+  </div>
+</template>