<template>
  <AnchoredSection id="presentation">
    <CommonPresentation
      title="Présentation d'Opentalent Artist"
      :features="features"
      :pictos="pictos"
      logo-src="/images/logo/logiciels/OT_Artist-BLANC.png"
      logo-alt="Logo Opentalent Artist - logiciel de gestion et de communication pour les orchestres, les chorales, les compagnies artistiques et troupes"
      pricingAmount="11€"
    />

    <CommonContainerVideo
      title="Logiciel OpenTalent Artist"
      quote="Le logiciel de gestion et communication au service de votre passion"
      image-url="/images/logiciels/school/screen2.png"
    />
  </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/logiciels/artist/picto1.png",
    text: "Logiciel de gestion et communication full web",
  },
  {
    src: "/images/logiciels/artist/picto2.png",
    text: "Site web intégré & simple d'usage",
  },
  {
    src: "/images/logiciels/artist/picto3.png",
    text: "Boostez votre visibilité & communication",
  },
  { src: "/images/logiciels/artist/picto4.png", text: "Communiquez en réseau" },
];
</script>
