<template>
  <AnchoredSection id="presentation">
    <CommonPresentation
      title="Présentation d'Opentalent School"
      :features="features"
      :pictos="pictos"
      logo-src="/images/logo/logiciels/OT_School-blanc.png"
      pricing-amount="20€"
    />

    <CommonContainerVideo
      title="Logiciel OpenTalent School"
      quote="Pour les petits comme pour les grands établissements d’enseignement artistique"
      image-url="/images/logiciels/school/screen2.png"
    />
  </AnchoredSection>
</template>

<script setup lang="ts">
import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
import { FeaturePicto } from "~/types/interface";

const features = [
  "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",
]

const pictos: Array<FeaturePicto> = [
  {
    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"
  },
];
</script>
