<template>
  <div>
    <CommonMeta
      title="Formation Opentalent sur nos logiciels de gestion et de communication"
      description="Maîtrisez votre gestion culturelle avec Opentalent, du débutant à l’utilisateur avancé. Nos formations augmentent vos compétences pour une administration optimisée."
    />

    <LayoutUITitlePage>
      Formations
      <template #subtitle>
        Prise en main ou piqûre de rappel, nous sommes toujours à vos côtés.
      </template>
    </LayoutUITitlePage>

    <CommonBanner
      image-src="/images/pages/formations/banner/Formations_Opentalent.jpg"
      image-alt="Formation dans une salle de réunion ou 5 personnes regardent un écran"
    />

    <CommonMenuScroll v-if="lgAndUp" :menus="menus" class="mb-6" />

    <CommonActionMenu />

    <FormationPresentation />

    <FormationCatalogue />

    <FormationOPCA />

    <FormationQualite />

    <FormationCertification />

    <FormationParticipation />

    <FormationReviews />

    <LayoutFAQ />

    <LayoutFooterPrefooter />
  </div>
</template>

<script setup lang="ts">
import { useDisplay } from 'vuetify'
import type { MenuScroll } from '~/types/interface'

const { lgAndUp } = useDisplay()

const menus: Array<MenuScroll> = [
  { anchor: 'presentation', label: 'Présentation' },
  { anchor: 'catalog', label: 'Catalogue' },
  { anchor: 'financing', label: 'Financement' },
  { anchor: 'satisfaction', label: 'Satisfaction' },
  { anchor: 'certification', label: 'Certification' },
  { anchor: 'inscription', label: 'Inscription' },
  { anchor: 'testimonials', label: 'Témoignages' },
]
</script>
