site_logiciels/components/Logiciels/Artist/Presentation.vue

<template>
  <div id="Presentation">
    <CommonPresentation
      :pictoImages="pictoData"
      :presentationText="presentationData"
      :backgroundColor="'rgba(250, 194, 10, 0.2)'"
      pricingPeriodText="/mois"
      pricingAnnouncementText="payable annuellement"
    />
  </div>

  <CommonContainerVideo 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>