Fonctionnalites.vue 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <template>
  2. <AnchoredSection id="functionalities">
  3. <div>
  4. <LayoutContainer>
  5. <CommonCarouselFonctionnalite
  6. :cards="cards"
  7. />
  8. </LayoutContainer>
  9. </div>
  10. </AnchoredSection>
  11. </template>
  12. <script setup lang="ts">
  13. import "vue3-carousel/dist/carousel.css";
  14. import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
  15. import type { Functionality } from "~/types/interface";
  16. const cards: Array<Functionality> = [
  17. {
  18. logo: "/images/components/fonctionnalites/Icone_espaces_dedies.svg",
  19. logoAlt: "Icône smartphone avec cadenas verrouillé",
  20. title: "ESPACES DÉDIÉS *",
  21. list: [
  22. "Administrations",
  23. "Membres/Adhérents",
  24. ],
  25. options: ["*Disponible sur tous supports"],
  26. },
  27. {
  28. logo: "/images/components/fonctionnalites/Icone_repertoire.svg",
  29. logoAlt: "Icône carnet annuaire",
  30. title: "RÉPERTOIRE",
  31. list: [
  32. "Membres",
  33. "Personnel administratif ",
  34. "Contacts extérieurs, partenaires & donateurs",
  35. ],
  36. },
  37. {
  38. logo: "/images/components/fonctionnalites/Icone_agenda.svg",
  39. logoAlt: "Icône calendrier",
  40. title: "AGENDA",
  41. list: [
  42. "Création et gestion des événements internes et externes",
  43. "Invitation aux événements",
  44. "Gestion des présences ",
  45. ],
  46. },
  47. {
  48. logo: "/images/components/fonctionnalites/Icone_parc_materiel.svg",
  49. logoAlt: "Icône carton avec stylos et cahier à l’intérieur",
  50. title: "PARC MATÉRIEL ",
  51. list: [
  52. "Gestion de votre parc matériel (instruments, costumes, accessoires..)",
  53. "Locations et prêts de matériel",
  54. "Partage de partitions",
  55. ],
  56. },
  57. {
  58. logo: "/images/components/fonctionnalites/Icone_communication.svg",
  59. logoAlt: "Icône enveloppe, téléphone et bulle SMS",
  60. title: "COMMUNICATION *",
  61. list: [
  62. "Édition et envoi de courriers, de mails ou de SMS**",
  63. "Création de modèles de courriers, mails ou SMS **",
  64. "Outil de publipostage intégré pour un envoi personnalisé",
  65. ],
  66. options: ["* version Artist Premium ", "** en option"],
  67. },
  68. {
  69. logo: "/images/components/fonctionnalites/Icone_site_internet.svg",
  70. logoAlt: "Icône site internet",
  71. title: "SITE INTERNET ",
  72. list: [
  73. "Gestion intégrée au logiciel",
  74. "Mise à jour automatique des membres et événements sur votre site",
  75. "Possibilité de personnalisé votre template",
  76. ],
  77. },
  78. {
  79. logo: "/images/components/fonctionnalites/Icone_statistiques.svg",
  80. logoAlt: "Icône graphique à barre avec ligne ascendante",
  81. title: "STATISTIQUES",
  82. list: [
  83. "Rapport d'activité complet en fonction de vos activités",
  84. "Personnalisation du rapport d'activité grâce aux différents formats proposés lors du téléchargement",
  85. "Export des données du logiciel pour une analyse complète",
  86. ],
  87. },
  88. {
  89. logo: "/images/logos/cmf/Icone_CMF_reseau_BLACK.png",
  90. logoAlt: "Icône du logo de la CMF (confédération musicale de France)",
  91. title: "RÉSEAU CMF *",
  92. list: [
  93. "Accès au répertoire du réseau",
  94. "Renouvellement de votre adhésion fédérale",
  95. "Gestion de l'assurance CMF",
  96. ],
  97. options: ['* uniquement dédié aux adhérents CMF']
  98. },
  99. {
  100. logo: "/images/components/fonctionnalites/Icone_promotion.svg",
  101. logoAlt: "Icône mégaphone",
  102. title: "PROMOTION DE VOTRE STRUCTURE & VOS ÉVÉNEMENTS ",
  103. list: [
  104. "Sur votre site internet intégré",
  105. "Sur l'agenda de la CMF",
  106. "Sur l'agenda culturel Opentalent ",
  107. ],
  108. },
  109. ];
  110. </script>