<script setup lang="ts">
import { useServiceClientsQuery } from "~/queries/clients";

const { data: clientsData } = useServiceClientsQuery("marketing");
</script>
<template>
  <section class="trust py-section bg-gradient-even">
    <div class="container mx-auto px-4">
      <SectionHeadline :title="$t('ourClients.title')" />

      <HeroClientsLogos
        v-if="clientsData && clientsData.length > 0"
        :clients="clientsData"
      />
      <div v-else>
        <EmptyState size="100%" />
      </div>
    </div>
  </section>
</template>
<style scoped></style>
