Reviews.vue 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <template>
  2. <AnchoredSection id="testimonials">
  3. <div>
  4. <LayoutContainer>
  5. <LogicielsManagerSomeNumbers />
  6. <CommonReviewSection :cards="cards" class="alt-theme" />
  7. </LayoutContainer>
  8. </div>
  9. </AnchoredSection>
  10. </template>
  11. <script setup lang="ts">
  12. import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
  13. import type { Review } from '~/types/interface'
  14. const cards: Array<Review> = [
  15. {
  16. review:
  17. "L'outil répond à toutes les demandes d'une structure de notre taille et la connexion avec le site internet est très pratique.",
  18. name: 'Christophe MORIZOT',
  19. status: 'Président ',
  20. structure: 'Confédération Musicale de France (92)',
  21. },
  22. // {
  23. // review:
  24. // '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.',
  25. // name: 'Eric TAUVRON ',
  26. // status: 'Vice-président',
  27. // structure: 'CMF Rhône - Grand Lyon (69)',
  28. // },
  29. {
  30. review:
  31. "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.",
  32. name: 'Noëlle ROBERT',
  33. status: 'Président',
  34. structure: "CMF Côte d'or (21)",
  35. },
  36. // {
  37. // review:
  38. // '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.',
  39. // name: 'Laurent Lebon',
  40. // status: "Chef d'orchestre",
  41. // structure: 'Conservatoire de Lyon',
  42. // },
  43. ]
  44. </script>
  45. <style scoped>
  46. .v-container {
  47. padding: 0 !important;
  48. }
  49. </style>