<template>
  <CommonMeta
    title="Formation - Opentalent"
    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 />

  <FormationCertification />

  <FormationParticipation />

  <FormationReviews />

  <LayoutFAQ />

  <LayoutFooterSolutions />
</template>

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

const { lgAndUp } = useDisplay()

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