<template>
  <UPage>
    <UPageSection title="Trusted by">
      <UMarquee>
        <img
          v-for="logo in trustedBy"
          :key="logo.src"
          :src="logo.src"
          :alt="logo.alt"
          class="h-12 mx-8 grayscale opacity-60"
        />
      </UMarquee>
    </UPageSection>
  </UPage>
</template>

<script lang="ts" setup>
const trustedBy = ref([
  { src: "/index/trusted-by/logoipsum-284.svg", alt: "Logo Ipsum" },
  { src: "/index/trusted-by/logoipsum-338.svg", alt: "Logo Ipsum" },
  { src: "/index/trusted-by/logoipsum-353.svg", alt: "Logo Ipsum" },
  { src: "/index/trusted-by/logoipsum-378.svg", alt: "Logo Ipsum" },
  { src: "/index/trusted-by/logoipsum-392.svg", alt: "Logo Ipsum" },
  { src: "/index/trusted-by/logoipsum-403.svg", alt: "Logo Ipsum" },
  { src: "/index/trusted-by/logoipsum-409.svg", alt: "Logo Ipsum" },
]);
</script>

<style></style>
