ADD: A LOT of pricing chart stuff

Added new pricing chart layout

app/pages/contact.vue

@@ -3,6 +3,60 @@
     <Intro />
     <Skills />
     <Customers />
-    <Services />
+    <Booking />
   </div>
 </template>
+
+<script setup lang="ts">
+
+
+const shuffle = <T>(unshuffled : T[]) => unshuffled
+    .map(value => ({ value, sort: Math.random() }))
+    .sort((a, b) => a.sort - b.sort)
+    .map(({ value }) => value)
+
+const network = shuffle([
+  {
+    name: 'Robert Janus',
+    img: 'robert',
+    tags: ['Digitalberatung', 'Webentwicklung', 'eCommerce'],
+    flavour: 'Website, SEO und Conversions. Auf einen Klick.',
+    link: 'https://robertjanus.de/webertoire',
+  },
+  // {
+  //   name: 'Matthias Lehmann',
+  //   img: 'matthias',
+  //   tags: ['Onlineportale für Patienten', 'Kunden', 'Mitarbeiter'],
+  //   flavour: 'Software die macht, was DU willst!',
+  //   link: 'https://mind-deploy.de',
+  // },
+  {
+    name: 'Maximilian Schluer',
+    img: 'max',
+    tags: ['iOS Development', 'Software-QA'],
+    flavour: 'Kann dein iOS-Team unterstützen oder dein Software-Qualitätsproblem lösen – egal welches.',
+    link: 'https://max-schluer.de',
+  },
+  // {
+  //   name: 'Maria Salcedo',
+  //   img: 'maria',
+  //   tags: ['Backend', 'DevOps', 'Architektur'],
+  //   flavour: 'Effizient und kommunikativ. "You build it, you run it."',
+  //   link: 'https://masagu.dev',
+  // },
+  {
+    name: 'Judith Böhlert',
+    img: 'judith',
+    tags: ['Full-stack', 'Frontend'],
+    flavour: 'MVPs und Prototypen - schnell, schick und ohne Drama.',
+    link: 'https://judithboehlert.com',
+  },
+  {
+    name: 'Kevin Damiani',
+    img: 'kevin',
+    tags: ['Webentwicklung', 'Frontend'],
+    flavour: 'Erfahrener Frontend-Entwickler mit Fokus auf Performance, Barrierefreiheit und moderne Technologien.',
+    link: 'https://kevin-damiani.de',
+  },
+])
+</script>