ADD: meta tags

app.vue

@@ -6,4 +6,53 @@
   </section>
 </template>
 
-<script setup></script>
+<script setup>
+const tags = [
+  'webfussel',
+  'web',
+  'fussel',
+  'webentwicklung',
+  'webentwickler',
+  'vue',
+  'nuxt',
+  'javascript',
+  'typescript',
+  'scss',
+  'css',
+  'html',
+  'karlsruhe',
+  'freelance',
+  'freelancer',
+  'freiberuflich',
+  'remote',
+  'home office',
+  'api',
+  'components'
+]
+
+useHead({
+  title: 'webfussel | mehr Fussel im Web',
+  htmlAttrs: {
+    lang: 'de'
+  },
+  meta: [
+    {
+      name: 'description',
+      content: 'webfussel ist eine Webentwicklerin aus Baden-Württemberg. Sie entwickelt Komponenten, Applikationen und APIs.'
+    },
+    {
+      name: 'keywords',
+      content: tags.join(',')
+    },
+    {
+      name: 'author',
+      content: 'webfussel'
+    },
+    {
+      name: 'robots',
+      content: 'index, follow'
+    },
+
+  ]
+})
+</script>

components/Footer/Footer.css

@@ -2,6 +2,10 @@
     align-items: center;
     padding: 1rem 15vw;
 
+    & a:hover {
+        color: var(--color-orange);
+    }
+
     & .sitemap {
         align-items: center;
         flex-wrap: wrap;

components/Services/Services.vue

@@ -100,7 +100,7 @@ const network = [
     name: 'Maximilian Schluer',
     img: '/img/network/maximilian.jpg',
     tags: ['iOS Development', 'Software-QA'],
-    flavour: 'Kann Ihr iOS-Team unterstützen oder ihr Software-Qualitätsproblem lösen – egal welches.',
+    flavour: 'Kann dein iOS-Team unterstützen oder dein Software-Qualitätsproblem lösen – egal welches.',
     link: 'https://max-shluer.de',
   },
 ]