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

<script setup lang="ts">

import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
import type { Review } from "~/types/interface";

const cards: Array<Review> = [
  {
    review:
      "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)",
  },
  {
    review:
      "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)",
  },
  {
    review:
      "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)",
  },
  {
    review:
      "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",
  },
  {
    review:
      "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;
}
</style>
