Fonctionnalites.vue 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <template>
  2. <AnchoredSection id="functionalities">
  3. <div>
  4. <LayoutContainer>
  5. <v-row>
  6. <v-col cols="12">
  7. <CommonCarouselFonctionnalite :cards="cards" />
  8. </v-col>
  9. </v-row>
  10. </LayoutContainer>
  11. </div>
  12. </AnchoredSection>
  13. </template>
  14. <script setup lang="ts">
  15. import 'vue3-carousel/dist/carousel.css'
  16. import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
  17. import type { Functionality } from '~/types/interface'
  18. const cards: Array<Functionality> = [
  19. {
  20. logo: '/images/components/fonctionnalites/Icone_espaces_dedies.svg',
  21. logoAlt: 'Icône smartphone avec cadenas verrouillé',
  22. title: 'ESPACES DÉDIÉS *',
  23. list: ['Administration', 'Membres / Adhérents'],
  24. options: ['*Disponible sur tout support '],
  25. },
  26. {
  27. logo: '/images/components/fonctionnalites/Icone_repertoire.svg',
  28. logoAlt: 'Icône carnet annuaire',
  29. title: 'RÉPERTOIRE',
  30. list: [
  31. 'Membres',
  32. 'Personnel administratif ',
  33. 'Contacts extérieurs, partenaires & donateurs',
  34. ],
  35. },
  36. {
  37. logo: '/images/components/fonctionnalites/Icone_agenda.svg',
  38. logoAlt: 'Icône calendrier',
  39. title: 'AGENDA',
  40. list: [
  41. 'Création et gestion des événements internes et externes',
  42. 'Invitation aux événements',
  43. 'Gestion des présences ',
  44. ],
  45. },
  46. {
  47. logo: '/images/components/fonctionnalites/Icone_parc_materiel.svg',
  48. logoAlt: 'Icône carton avec stylos et cahier à l’intérieur',
  49. title: 'PARC MATÉRIEL ',
  50. list: [
  51. 'Gestion de votre parc matériel (instruments, costumes, accessoires..)',
  52. 'Locations et prêts de matériel',
  53. 'Partage de partitions',
  54. ],
  55. },
  56. {
  57. logo: '/images/components/fonctionnalites/Icone_communication_en_reseau.svg',
  58. logoAlt: 'Icône enveloppe, téléphone et bulle SMS',
  59. title: 'COMMUNICATION RÉSEAU',
  60. list: [
  61. 'Édition et envoi de courriers, de mails ou de SMS*',
  62. 'Édition et envoi de newsletter au adhérent du réseau',
  63. 'Création de modèles de courriers, mails ou SMS',
  64. 'Outil de publipostage intégré pour un envoi personnalisé',
  65. ],
  66. options: ['* 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/components/fonctionnalites/Icone_cotisation.svg',
  90. logoAlt: 'Icône d’une main donnant de l’argent à une autre main',
  91. title: 'COTISATION CMF ',
  92. list: [
  93. 'Paramétrage des cotisations',
  94. 'Lancement de la campagne',
  95. 'Gestion des règlement & envoi de justificatif (adhésion/assurance...)',
  96. ],
  97. },
  98. {
  99. logo: '/images/components/fonctionnalites/Icone_fonctionnement_pyramidal.svg',
  100. logoAlt: 'Icône graphique pyramidale',
  101. title: 'FONCTIONNEMENT PYRAMIDAL ',
  102. list: [
  103. 'Mise en relation des logiciels (Artist, School et Manager)',
  104. "Mise en place d'un système d'adhésion",
  105. 'Communication en réseau',
  106. ],
  107. },
  108. {
  109. logo: '/images/components/fonctionnalites/Icone_agenda.svg',
  110. logoAlt: 'Icône graphique pyramidale',
  111. title: "PROMOTION DU RÉSEAU SUR L'AGENDA CULTUREL",
  112. list: [
  113. 'Publication des événements des structures de votre réseau',
  114. "Référencement des structures de votre réseau sur l'annuaire",
  115. 'Diffusion des annonces du réseau et des structures de votre réseau',
  116. ],
  117. },
  118. ]
  119. </script>