site_logiciels/pages/school.vue

<template>
  <div>
    <LayoutUIPresentation
      :pictoImages="pictoData"
      :presentationText="presentationData"
      :logoSrc="'images/logo/logiciels/Artist-Blanc.png'"
      :pricingAmount="'15€'"
      :backgroundColor="'rgba(250, 194, 10, 0.2)'"
    />
  </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' },
  { src: '/images/logiciels/artist/picto4.png', text: 'Communiquez en réseau' },
  { 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 é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>

:deep().row-custom {
  margin-top: -10rem;
}

</style>