<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: 'Pour tout type de réseau pyramidal',
  },
]
</script>
