Fonctionnalites.vue 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <template>
  2. <AnchoredSection id="functionalities">
  3. <LayoutContainer>
  4. <CommonCarouselFonctionnalite :cards="cards" />
  5. </LayoutContainer>
  6. </AnchoredSection>
  7. </template>
  8. <script setup lang="ts">
  9. import 'vue3-carousel/dist/carousel.css'
  10. import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
  11. import type { Functionality } from '~/types/interface'
  12. const cards: Array<Functionality> = [
  13. {
  14. logo: '/images/components/fonctionnalites/Icone_espaces_dedies.svg',
  15. logoAlt: 'Icône smartphone avec cadenas verrouillé',
  16. title: 'ESPACES DÉDIÉS *',
  17. list: ['Administration', 'Professeurs', 'Élèves / Familles'],
  18. options: ['* Disponible sur tout support'],
  19. },
  20. {
  21. logo: '/images/components/fonctionnalites/Icone_repertoire.svg',
  22. logoAlt: 'Icône carnet annuaire',
  23. title: 'RÉPERTOIRE',
  24. list: [
  25. 'Élèves et responsables légaux',
  26. 'Personnel administratif et professeurs',
  27. 'Contacts extérieurs, partenaires & donateurs',
  28. ],
  29. },
  30. {
  31. logo: '/images/components/fonctionnalites/Icone_preinscription_en_ligne.svg',
  32. logoAlt: "Icône d'un fichier devant un écran d'ordinateur",
  33. title: 'PRÉINSCRIPTION EN LIGNE *',
  34. list: [
  35. 'Paramétrage personnalisé des formulaires & mails automatiques',
  36. 'Gestion des réinscriptions et des nouvelles inscriptions',
  37. 'Gestion des quotas et du suivi des préinscriptions en ligne',
  38. ],
  39. options: ['* En option'],
  40. },
  41. {
  42. logo: '/images/components/fonctionnalites/Icone_agenda.svg',
  43. logoAlt: 'Icône calendrier',
  44. title: 'AGENDA',
  45. list: [
  46. 'Création et gestion des cours, examens, événements et prestations pédagogiques',
  47. 'Planning interactif avec un contrôle de cohérence',
  48. 'Gestion des présences, absences et retards',
  49. ],
  50. },
  51. {
  52. logo: '/images/components/fonctionnalites/Icone_parc_materiel.svg',
  53. logoAlt: 'Icône carton avec stylos et cahier à l’intérieur',
  54. title: 'PARC MATÉRIEL ',
  55. list: [
  56. 'Gestion de votre parc matériel (instruments, costumes, accessoires..)',
  57. 'Locations et prêts de matériel',
  58. 'Planification de la maintenance et entretien de matériel',
  59. ],
  60. },
  61. {
  62. logo: '/images/components/fonctionnalites/Icone_suivi_pedagogique.svg',
  63. logoAlt: 'Chapeau de diplômé américain',
  64. title: 'SUIVI PÉDAGOGIQUE',
  65. list: [
  66. 'Gestion du cursus pédagogique (critères personnalisables)',
  67. 'Création des examens et envoi des convocations',
  68. 'Édition des bulletins de notes',
  69. ],
  70. },
  71. {
  72. logo: '/images/components/fonctionnalites/Icone_facturation_et_reglement.svg',
  73. logoAlt:
  74. "Fichier arborant un symbole monétaire devant un écran d'ordinateur",
  75. title: 'FACTURATION',
  76. list: [
  77. 'Facturation automatisée selon différents critères',
  78. 'Suivi des règlements et gestion des relances',
  79. 'En option : de nombreux moyens de paiement',
  80. ],
  81. },
  82. {
  83. logo: '/images/components/fonctionnalites/Icone_communication.svg',
  84. logoAlt: 'Icône enveloppe, téléphone et bulle SMS',
  85. title: 'COMMUNICATION',
  86. list: [
  87. 'Édition et envoi de courriers, de mails ou de SMS*',
  88. 'Création de modèles de courriers, mails ou SMS*',
  89. 'Outil de publipostage intégré pour un envoi personnalisé',
  90. ],
  91. options: ['* En option'],
  92. },
  93. {
  94. logo: '/images/components/fonctionnalites/Icone_site_internet.svg',
  95. logoAlt: 'Icône site internet',
  96. title: 'SITE INTERNET ',
  97. list: [
  98. 'Gestion intégrée au logiciel',
  99. 'Mise à jour automatique des membres et événements sur votre site',
  100. 'Possibilité de personnalisé votre template',
  101. ],
  102. },
  103. {
  104. logo: '/images/components/fonctionnalites/Icone_statistiques.svg',
  105. logoAlt: 'Icône graphique à barre avec ligne ascendante',
  106. title: 'STATISTIQUES',
  107. list: [
  108. "Rapport d'activité complet en fonction de vos activités",
  109. "Personnalisation du rapport d'activité grâce aux différents formats proposés lors du téléchargement",
  110. 'Export des données du logiciel pour une analyse complète',
  111. ],
  112. },
  113. {
  114. logo: '/images/logos/cmf/Icone_CMF_reseau_BLACK.png',
  115. logoAlt: 'Logo CMF',
  116. title: 'RÉSEAU CMF *',
  117. list: [
  118. 'Accès au répertoire du réseau',
  119. 'Renouvellement de votre adhésion fédérale',
  120. "Gestion de l'assurance CMF",
  121. ],
  122. options: ['* Uniquement dédié aux adhérents CMF'],
  123. },
  124. {
  125. logo: '/images/components/fonctionnalites/Icone_promotion.svg',
  126. logoAlt: 'Icône mégaphone',
  127. title: 'PROMOTION DE VOTRE STRUCTURE & VOS ÉVÉNEMENTS ',
  128. list: [
  129. 'Sur votre site internet intégré',
  130. "Sur l'agenda de la CMF",
  131. "Sur l'agenda culturel Opentalent",
  132. ],
  133. },
  134. ]
  135. </script>