<template>
  <div>
    <LayoutUIPresentation
      :pictoImages="pictoData"
      :presentationText="presentationData"
      :logoSrc="'images/logo/logiciels/OT_Artist-BLANC.png'"
      :pricingAmount="'14€'"
      :backgroundColor="'rgba(250, 194, 10, 0.2)'"
      pricingFromText="à partir de"
      pricingPeriodText="/mois"
      pricingAnnouncementText="payable annuellement"
    />
  </div>

  <LayoutUIContainerVideo image-url="/images/logiciels/school/screen2.png" />
</template>

<script setup>
const pictoData = [
  {
    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" },
];

const presentationData = {
  toolTitle: "Un outil complet en ligne",
  toolList: [
    "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 ",
  ],
  characteristicsTitle: "Des caractéristiques uniques & dédiées",
};
</script>
