Fonctionnalites.vue 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <template>
  2. <div id="Fonctionnalites">
  3. <LayoutContainer>
  4. <v-row>
  5. <v-col cols="12">
  6. <CommonCarouselFonctionnalite
  7. :cards="cards"
  8. :functionCarousel="functionCarousel"
  9. :itemsToShow="itemsToShow"
  10. />
  11. </v-col>
  12. </v-row>
  13. </LayoutContainer>
  14. </div>
  15. </template>
  16. <script setup>
  17. import { ref } from "vue";
  18. import "vue3-carousel/dist/carousel.css";
  19. const functionCarousel = ref(null);
  20. const cards = [
  21. {
  22. logo:"images/logiciels/manager/fonctionnalites/Espaces_dedies.svg",
  23. title: "ESPACES DÉDIÉS *",
  24. list: ["Administration","Membres / Adhérents"],
  25. options: ["*Disponible sur tous supports "],
  26. },
  27. {
  28. logo: "images/logiciels/manager/fonctionnalites/Repertoire.svg",
  29. title: "RÉPERTOIRE",
  30. list: [
  31. "Membres",
  32. "Personnel administratif ",
  33. "Contacts extérieurs, partenaires & donateurs",
  34. ],
  35. },
  36. {
  37. logo: "images/logiciels/manager/fonctionnalites/Agenda.svg",
  38. title: "AGENDA",
  39. list: [
  40. "Création et gestion des événements internes et externes",
  41. "Invitation aux événements",
  42. "Gestion des présences ",
  43. ],
  44. },
  45. {
  46. logo: "images/logiciels/manager/fonctionnalites/Parc_materiel.svg",
  47. title: "PARC MATÉRIEL ",
  48. list: [
  49. "Gestion de votre parc matériel (instruments, costumes, accessoires..)",
  50. "Locations et prêts de matériel",
  51. "Partage de partitions",
  52. ],
  53. },
  54. {
  55. logo: "images/logiciels/manager/fonctionnalites/communication.svg",
  56. title: "COMMUNICATION RÉSEAU",
  57. list: [
  58. "Édition et envoi de courriers, de mails ou de SMS*",
  59. "Édition et envoi de newsletter au adhérent du réseau",
  60. "Création de modèles de courriers, mails ou SMS",
  61. "Outil de publipostage intégré pour un envoi personnalisé",
  62. ],
  63. option: "* en option",
  64. },
  65. {
  66. logo: "images/logiciels/manager/fonctionnalites/Site_internet.svg",
  67. title: "SITE INTERNET ",
  68. list: [
  69. "Gestion intégrée au logiciel",
  70. "Mise à jour automatique des membres et événements sur votre site",
  71. "Possibilité de personnalisé votre template",
  72. ],
  73. },
  74. {
  75. logo: "images/logiciels/manager/fonctionnalites/Statistiques.svg",
  76. title: "STATISTIQUES",
  77. list: [
  78. "Rapport d'activité complet en fonction de vos activités",
  79. "Personnalisation du rapport d'activité grâce aux différents formats proposés lors du téléchargement",
  80. "Export des données du logiciel pour une analyse complète",
  81. ],
  82. },
  83. {
  84. logo: "images/logiciels/manager/fonctionnalites/Cotisation.svg",
  85. title: "COTISATION CMF ",
  86. list: [
  87. "Paramétrage des cotisations",
  88. "Lancement de la campagne",
  89. "Gestion des règlement & envoi de justificatif (adhésion/assurance...)",
  90. ],
  91. },
  92. {
  93. logo: "images/logiciels/manager/fonctionnalites/Fonctionnement_pyramidal.svg",
  94. title: "FONCTIONNEMENT PYRAMIDAL ",
  95. list: [
  96. "Mise en relation des logiciels (Artist, School et Manager)",
  97. "Mise en place d'un système d'adhésion",
  98. "Communication en réseau",
  99. ],
  100. },
  101. ];
  102. </script>
  103. <style scoped>
  104. .container-green {
  105. background-color: #0e2d32;
  106. }
  107. </style>