<template>
  <AnchoredSection id="presentation">
    <LayoutContainer>
      <div>
        <CommonPresentation
          title="Présentation d'Opentalent Manager"
          section1title="La solution de mise en réseau des organisations culturelles"
          :features="features"
          :pictos="pictos"
          logo-src="/images/logos/opentalent/Logo_Opentalent_Manager-blanc-col.png"
          pricing-alt-text="Sur devis"
          pricing-announcement-text=""
          pricing-from-text=""
          pricing-period-text=""
        />
      </div>

      <CommonContainerVideo
        title="Logiciel OpenTalent Manager"
        quote="Une solution unique, collaborative et innovante pour une gestion optimale de votre réseau culturel"
      />
    </LayoutContainer>
  </AnchoredSection>
</template>

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

const features: Array<string> = [
  "Logiciel de gestion et communication en ligne ",
  "Répond aux besoins globaux des réseaux culturels ",
  "Gestion collaborative ",
  "Mise en valeur des activités des membres du réseau ",
]

const pictos: Array<FeaturePicto> = [
  {
    src: "/images/pages/opentalent_manager/presentation/picto1.png",
    text: "Logiciel de gestion et communication full web",
  },
  {
    src: "/images/pages/opentalent_manager/presentation/picto2.png",
    text: "Site web intégré & simple d'usage",
  },
  {
    src: "/images/pages/opentalent_manager/presentation/picto3.png",
    text: "Boostez votre visibilité & communication",
  },
  {
    src: "/images/pages/opentalent_manager/presentation/picto4.png",
    text: "Communiquez en réseau",
  },
  // {
  //   src: "/images/logiciels/manager/picto5.png",
  //   text: "Sur-mesure",
  // },
  {
    src: "/images/pages/opentalent_manager/presentation/picto6.png",
    text: "Pout tout type de réseau pyramidal",
  },
];
</script>
