<template>
  <AnchoredSection id="presentation">
    <CommonPresentation
      title="Présentation d'Opentalent Artist"
      :features="features"
      :pictos="pictos"
      logo-src="/images/logos/opentalent/Logo_Opentalent_Artist-blanc-col.png"
      logo-alt="Logo Opentalent Artist - logiciel de gestion et de communication pour les orchestres, les chorales, les compagnies artistiques et troupes"
      pricing-amount="14€"
    />

    <CommonContainerVideo
      title="Logiciel OpenTalent Artist"
      quote="Le logiciel de gestion et communication au service de votre passion"
    />
  </AnchoredSection>
</template>

<script setup lang="ts">
import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
import type { FeaturePicto } from '~/types/interface'

const features = [
  'Logiciel de gestion et communication en ligne',
  'Destiné aux structures culturelles (tout statut juridique)',
  'Gestion complète (membres, événements, planning, matériel,...)',
  "Une solution simple d'utilisation, intuitive et collaborative",
]

const pictos: Array<FeaturePicto> = [
  {
    src: '/images/pages/opentalent_artist/presentation/Logiciel_multi-support.png',
    text: 'Logiciel de gestion et communication full web',
  },
  {
    src: '/images/pages/opentalent_artist/presentation/Site_internet_integre.png',
    text: "Site web intégré & simple d'usage",
  },
  {
    src: '/images/pages/opentalent_artist/presentation/Boostez_votre_visibilite_et_communication.png',
    text: 'Boostez votre visibilité & communication',
  },
  {
    src: '/images/pages/opentalent_artist/presentation/Communication_en_reseau.png',
    text: 'Communiquez en réseau',
  },
]
</script>
