<style scoped src="./Customers.css"/>

<template>
  <section class="Customers content">
    <h2>Kunden <span class="highlight">&</span> Projekte</h2>
    <h3>Meine bisherigen Geschäftpartner</h3>
    <div class="customer-list">
      <a v-for="customer in customers" :href="customer.link" target="_blank" rel="noopener noreferrer">
        <img :alt="customer.name" :src="customer.logo" :class="[customer.white && 'white']" />
      </a>
    </div>
  </section>
</template>

<script setup lang="ts">

const customers = [
  {
    name: 'Dekra',
    logo: '/img/customers/dekra.png',
    link: 'https://dekra.de'
  }, {
    name: 'Bounce Commerce',
    logo: '/img/customers/bounce.png',
    link: 'https://bounce-commerce.de',
    white: true,
  }
]

</script>
