site_logiciels/components/Logiciels/Manager/Reviews.vue

<template>
  <LayoutContainer id="Temoignages">
    <CommonReviewCard :cards="cards" />
  </LayoutContainer>
</template>

<script setup>

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: "Christophe MORIZOT",
    status: "Président ",
    structure: "Confédération Musicale de France (92)",
  },
  {
    description:
      "Lorem ipsum dolor sit amet consectetur adipisicing elit.Provident porro fuga incidunt quae, doloremque tenetur aliquam  exercitationem deleniti aspernatur illo rem deserunt sapiente empore dolorem ipsa aliquid vel nihil eius.",
    name: "Eric TAUVRON ",
    status: "Vice-président",
    structure: "CMF Rhône - Grand Lyon (69)",
  },
  {
    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: "Noëlle ROBERT",
    status: "Président",
    structure: "CMF Côte d'or (21)",
  },
  {
    description:
      "Lorem ipsum dolor sit amet consectetur adipisicing elit.Provident porro fuga incidunt quae, doloremque tenetur aliquam  exercitationem deleniti aspernatur illo rem deserunt sapiente empore dolorem ipsa aliquid vel nihil eius.",
    name: "Laurent Lebon",
    status: "Chef d'orchestre",
    structure: "Conservatoire de Lyon",
  },
  {
    description:
      "Lorem ipsum dolor sit amet consectetur adipisicing elit.Provident porro fuga incidunt quae, doloremque tenetur aliquam  exercitationem deleniti aspernatur illo rem deserunt sapiente empore dolorem ipsa aliquid vel nihil eius.",
    name: "Laurent Lebon",
    status: "Chef d'orchestre",
    structure: "Conservatoire de Lyon",
  },
];
</script>


<style scoped>


.v-container{
  padding: 0 !important;
}
:deep().reviewer-name {
  color: #e34461;
}

</style>