From 677ae67339a78645b488fc1a6e68d7dc929ae14a Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Wed, 22 May 2024 14:05:38 +0200
Subject: [PATCH] ADD: meta tags

---
 app.vue                          | 51 +++++++++++++++++++++++++++++++-
 components/Footer/Footer.css     |  4 +++
 components/Services/Services.vue |  2 +-
 3 files changed, 55 insertions(+), 2 deletions(-)

diff --git a/app.vue b/app.vue
index cbc3fcd..78eea9c 100644
--- a/app.vue
+++ b/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>
diff --git a/components/Footer/Footer.css b/components/Footer/Footer.css
index 7459199..5cf2b6e 100644
--- a/components/Footer/Footer.css
+++ b/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;
diff --git a/components/Services/Services.vue b/components/Services/Services.vue
index 2e62a09..36705ac 100644
--- a/components/Services/Services.vue
+++ b/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',
   },
 ]