<template>
  <LayoutNavigation />

  <FormationBanner />

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

  <CommonStickyMenu />

  <FormationPresentation />

  <div v-if="lgAndUp">
    <FormationCatalogue />
  </div>

  <FormationOPCA />

  <FormationCertification />

  <FormationParticipation />

  <FormationReviews />

  <LayoutFAQ />

  <LayoutFooterSolutions />

  <LayoutFooter />
</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>
