ADD: Roman

Add Roman to network

app/components/Contact.vue

@@ -29,11 +29,9 @@
       <h3>Wenn ich mal ausgebucht bin</h3>
       <p>Dann buch doch einfach einen der tollen Menschen aus meinem Netzwerk!</p>
 
-      <ClientOnly>
-        <div class="network margin-top">
-          <Person ref="persons" v-for="person in network" v-bind="person" />
-        </div>
-      </ClientOnly>
+      <div class="network margin-top">
+        <Person ref="persons" v-for="person in network" v-bind="person" />
+      </div>
     </article>
   </section>
 </template>
@@ -41,12 +39,7 @@
 <script setup lang="ts">
 import { socials } from '../utils/socials'
 
-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([
+const network = [
   {
     name: 'Robert Janus',
     img: 'robert',
@@ -82,5 +75,12 @@ const network = shuffle([
     flavour: 'Erfahrener Frontend-Entwickler mit Fokus auf Performance, Barrierefreiheit und moderne Technologien.',
     link: 'https://kevin-damiani.de',
   },
-])
+  {
+    name: 'Roman Nenstiel',
+    img: 'roman',
+    tags: ['E-Commerce', 'Shopify', 'CRO', 'UX'],
+    flavour: 'Ich betreue deinen Shop, als wäre es mein eigener.',
+    link: 'https://shrimp-commerce.com',
+  },
+].sort((a, b) => a.name.localeCompare(b.name))
 </script>