ADD: Contact page

Add contact page with socials

app/components/Footer.vue

@@ -27,7 +27,7 @@
 </template>
 
 <script lang="ts" setup>
-
+import { socials } from '../utils/socials'
 
 const nav = [
   {
@@ -35,9 +35,13 @@ const nav = [
     label: 'Home',
     'aria-label': 'Link dieser Seite: Home'
   }, {
-    to: `/services`,
-    label: 'Leistungen',
-    'aria-label': 'Link dieser Seite: Leistungen'
+    to: `/booking`,
+    label: 'Projektbuchung',
+    'aria-label': 'Link dieser Seite: Projektbuchung'
+  },  {
+    to: `/flatrate`,
+    label: 'Flatrate',
+    'aria-label': 'Link dieser Seite: Flatrate'
   }, {
     to: `/references`,
     label: 'Referenzen',
@@ -52,34 +56,4 @@ const nav = [
     'aria-label': 'Link dieser Seite: Impressum'
   }
 ]
-
-
-const socials = [
-  {
-    href: 'https://www.linkedin.com/in/webfussel/',
-    icon: 'ph:linkedin-logo-duotone',
-    'aria-label': 'Externer Link: LinkedIn Profil'
-  },
-  {
-    href: 'https://mastodontech.de/@webfussel',
-    icon: 'ph:mastodon-logo-duotone',
-    rel: 'me',
-    'aria-label': 'Externer Link: Mastodon Profil'
-  },
-  {
-    href: 'https://bsky.app/profile/webfussel.de',
-    icon: 'wf:bluesky',
-    'aria-label': 'Externer Link: Bluesky Profil'
-  },
-  {
-    href: 'https://twitch.tv/webfussel',
-    icon: 'ph:twitch-logo-duotone',
-    'aria-label': 'Externer Link: Twitch Kanal'
-  },
-  {
-    href: 'https://ko-fi.com/webfussel',
-    icon: 'wf:kofi',
-    'aria-label': 'Externer Link: KoFi Profil'
-  },
-]
 </script>