<template>
  <AnchoredSection id="functionalities">
    <div>
      <LayoutContainer>
        <CommonCarouselFonctionnalite :cards="cards" />
      </LayoutContainer>
    </div>
  </AnchoredSection>
</template>

<script setup lang="ts">
import 'vue3-carousel/dist/carousel.css'
import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
import type { Functionality } from '~/types/interface'

const cards: Array<Functionality> = [
  {
    logo: '/images/components/fonctionnalites/Icone_espaces_dedies.svg',
    logoAlt: 'Icône smartphone avec cadenas verrouillé',
    title: 'ESPACES DÉDIÉS *',
    list: ['Administration', 'Membres/Adhérents'],
    options: ['*Disponible sur tout support'],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_repertoire.svg',
    logoAlt: 'Icône carnet annuaire',
    title: 'RÉPERTOIRE',
    list: [
      'Membres',
      'Personnel administratif ',
      'Contacts extérieurs, partenaires & donateurs',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_agenda.svg',
    logoAlt: 'Icône calendrier',
    title: 'AGENDA',
    list: [
      'Création et gestion des événements internes et externes',
      'Invitation aux événements',
      'Gestion des présences ',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_parc_materiel.svg',
    logoAlt: 'Icône carton avec stylos et cahier à l’intérieur',
    title: 'PARC MATÉRIEL ',
    list: [
      'Gestion de votre parc matériel (instruments, costumes, accessoires..)',
      'Locations et prêts de matériel',
      'Partage de partitions',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_communication.svg',
    logoAlt: 'Icône enveloppe, téléphone et bulle SMS',
    title: 'COMMUNICATION *',
    list: [
      'Édition et envoi de courriers, de mails ou de SMS**',
      'Création de modèles de courriers, mails ou SMS **',
      'Outil de publipostage intégré pour un envoi personnalisé',
    ],
    options: ['* Version Artist Premium ', '** En option'],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_statistiques.svg',
    logoAlt: 'Icône graphique à barre avec ligne ascendante',
    title: 'STATISTIQUES',
    list: [
      "Rapport d'activité complet en fonction de vos activités",
      "Personnalisation du rapport d'activité grâce aux différents formats proposés lors du téléchargement",
      'Export des données du logiciel pour une analyse complète',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_site_internet.svg',
    logoAlt: 'Icône site internet',
    title: 'SITE INTERNET ',
    list: [
      'Gestion intégrée au logiciel',
      'Mise à jour automatique des membres et événements sur votre site',
      'Possibilité de personnalisé votre template',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_communication_en_reseau.svg',
    logoAlt: 'Icône du logo de la CMF (confédération musicale de France)',
    title: 'FONCTIONNEMENT EN RÉSEAU *',
    list: [
      'Accès au répertoire du réseau',
      'Renouvellement de votre adhésion fédérale',
      'Fonctionnalités spécifiques sur devis',
    ],
    options: ['* avec notre solution Opentalent Manager'],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_promotion.svg',
    logoAlt: 'Icône mégaphone',
    title: 'PROMOTION DE VOTRE STRUCTURE & VOS ÉVÉNEMENTS ',
    list: [
      'Sur votre site internet intégré',
      'Sur les sites de votre réseau',
      "Sur l'agenda culturel Opentalent ",
    ],
  },
]
</script>
