<template>
  <AnchoredSection id="testimonials">
    <div>
      <LayoutContainer>
        <CommonReviewCard :cards="cards" />
      </LayoutContainer>
    </div>
  </AnchoredSection>
</template>

<script setup>
import AnchoredSection from "~/components/Layout/AnchoredSection.vue";

const cards = [
  {
    description:
      "L'outil répond à toutes les demandes d'une structure de notre taille et la connexion avec le site internet est très pratique.",
    name: "Patrice MONTESSUIT",
    status: "Directeur musical ",
    structure: "Orchestre d'Harmonie de Cluses (74)",
  },
  {
    description:
      "C'est un outil de travail très intéressant, complet et intuitif quand on comprend certaines subtilités. Il a très bien évolué aussi bien pour les chorales que les harmonie. Mes remarques ont toujours été prises en compte.",
    name: "Gérard LEFÈBVRE ",
    status: "Président",
    structure: "Le choeur du Brevon (74)",
  },
];
</script>

<style scoped>
.v-container {
  padding: 0 !important;
}

:deep().reviewer-name {
  color: rgb(250, 194, 10) !important;
}
</style>
