Fonctionnalites.vue 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <template>
  2. <div id="Fonctionnalites">
  3. <LayoutContainer>
  4. <v-row>
  5. <v-col cols="12">
  6. <LayoutCarouselFonctionnalite
  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. },
  26. {
  27. logo: "images/logiciels/manager/fonctionnalites/Repertoire.svg",
  28. title: "RÉPERTOIRE",
  29. list: [
  30. "Membres",
  31. "Personnel administratif ",
  32. "Contacts extérieurs, partenaires & donateurs",
  33. ],
  34. },
  35. {
  36. logo: "images/logiciels/manager/fonctionnalites/Agenda.svg",
  37. title: "AGENDA",
  38. list: [
  39. "Création et gestion des événements internes et externes",
  40. "Invitation aux événements",
  41. "Gestion des présences ",
  42. ],
  43. },
  44. {
  45. logo: "images/logiciels/manager/fonctionnalites/Parc_materiel.svg",
  46. title: "PARC MATÉRIEL ",
  47. list: [
  48. "Gestion de votre parc matériel (instruments, costumes, accessoires..)",
  49. "Locations et prêts de matériel",
  50. "Partage de partitions",
  51. ],
  52. },
  53. {
  54. logo: "images/logiciels/manager/fonctionnalites/communication.svg",
  55. title: "COMMUNICATION RESEAU",
  56. list: [
  57. "Édition et envoi de courriers, de mails ou de SMS*",
  58. "Édition et envoi de newsletter au adhérent du réseau",
  59. "Création de modèles de courriers, mails ou SMS",
  60. "Outil de publipostage intégré pour un envoi personnalisé",
  61. ],
  62. option: "* en option",
  63. },
  64. {
  65. logo: "images/logiciels/manager/fonctionnalites/Site_internet.svg",
  66. title: "SITE INTERNET ",
  67. list: [
  68. "Gestion intégrée au logiciel",
  69. "Mise à jour automatique des membres et événements sur votre site",
  70. "Possibilité de personnalisé votre template",
  71. ],
  72. },
  73. {
  74. logo: "images/logiciels/manager/fonctionnalites/Statistiques.svg",
  75. title: "STATISTIQUE",
  76. list: [
  77. "Rapport d'activité complet en fonction de vos activités",
  78. "Personnalisation du rapport d'activité grâce aux différents formats proposés lors du téléchargement",
  79. "Export des données du logiciel pour une analyse complète",
  80. ],
  81. },
  82. {
  83. logo: "images/logiciels/manager/fonctionnalites/Cotisation.svg",
  84. title: "COTISATION CMF ",
  85. list: [
  86. "Paramètrage des cotisations",
  87. "Lancement de la campagne",
  88. "Gestion des règlement & envoi de justificatif (adhésion/assurance...)",
  89. ],
  90. },
  91. {
  92. logo: "images/logiciels/manager/fonctionnalites/Fonctionnement_pyramidal.svg",
  93. title: "FONCTIONNEMENT PYRAMIDAL ",
  94. list: [
  95. "Publication des événements des structures de votre réseau ",
  96. "Référencement des structures de votre réseau sur l'annuaire",
  97. "Diffusion des annonces du réseau et des structures de votre réseau",
  98. ],
  99. },
  100. ];
  101. </script>
  102. <style scoped>
  103. .container-green {
  104. background-color: #0e2d32;
  105. }
  106. </style>