add: more SEO meta

More seometa, better markdown parser

app/pages/booking.vue

@@ -3,3 +3,10 @@
     <SectionBooking />
   </div>
 </template>
+
+<script lang="ts" setup>
+useSeoMeta({
+  title: 'Projektbuchung',
+  description: 'Buche jetzt dein Projekt auf webfussel. Du brauchst eine Schulung in JavaScript, Typescript, HTML, CSS, Vue oder Nuxt? Kein Problem.',
+})
+</script>

app/pages/contact.vue

@@ -3,3 +3,10 @@
     <SectionContact />
   </div>
 </template>
+
+<script lang="ts" setup>
+useSeoMeta({
+  title: 'Kontakt',
+  description: 'Nimm Kontakt zu webfussel auf. Egal ob über E-Mail oder Social Media - ich freue mich auf deine Nachricht.',
+})
+</script>

app/pages/flatrate.vue

@@ -3,3 +3,10 @@
     <SectionFlatrate />
   </div>
 </template>
+
+<script lang="ts" setup>
+useSeoMeta({
+  title: 'Flatrate',
+  description: 'Buche webfussel ganz einfach für eine zugesicherte Anzahl Stunden pro Woche. Wenn immer mal wieder was anfällt - vertrau auf Fusselqualität.',
+})
+</script>

app/pages/index.vue

@@ -14,4 +14,9 @@ useHead({
     { rel: 'icon', href: '/favicon.ico', type: 'image/x-icon' },
   ],
 })
+
+useSeoMeta({
+  title: 'Home',
+  description: 'Webprojekte und Retainer mit Fusselqualität. Du brauchst eine Website mit CMS? Bock auf Flatrate? webfussel by Fiona Urban',
+})
 </script>

app/pages/references.vue

@@ -2,4 +2,11 @@
   <div>
     <SectionCustomers />
   </div>
-</template>
+</template>
+
+<script lang="ts" setup>
+useSeoMeta({
+  title: 'Referenzen',
+  description: 'Schau dir dir Projekte von webfussel an. Über persönliche Webseiten, über Schulungen bis hin zu API Projekten.',
+})
+</script>