<template>
  <div>
    <Intro />
    <Skills />
    <Customers />
    <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>
