<template>
  <LayoutContainer>
    <div id="Presentation">
      <LayoutUIPresentation
        :pictoImages="pictoData"
        :presentationText="presentationData"
        :logoSrc="'images/logo/logiciels/OT_School-blanc.png'"
        :pricing-amount="'20€'"
        pricingFromText="à partir de"
        pricingPeriodText="/mois"
        pricingAnnouncementText="payable annuellement"
        
      />
    </div>

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

<script setup>
const pictoData = [
  {
    src: "/images/logiciels/school/picto1.png",
    text: "Logiciel de gestion et communication full web",
  },
  {
    src: "/images/logiciels/school/picto2.png",
    text: "Site web intégré & simple d'usage",
  },
  {
    src: "/images/logiciels/school/picto3.png",
    text: "Boostez votre visibilité & communication",
  },
  { src: "/images/logiciels/school/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 établissements d'enseignement artistique",
    "Gestion quotidienne et en temps réel",
    "Pilotage complet de votre structure",
  ],
  characteristicsTitle: "Des caractéristiques uniques & dédiées",
};
</script>

<style scoped>


</style>
