site_logiciels/pages/opentalent_school.vue

<template>
  <div class="theme-school">
    <LayoutNavigation />

    <LogicielsSchoolBanner />

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

    <CommonStickyMenu :actions="stickyMenuActions" />

    <LogicielsSchoolPresentation />

    <LogicielsSchoolAvantages />

    <LogicielsSchoolFonctionnalites />

    <LogicielsSchoolComparatif />

    <LogicielsSchoolProjet />

    <LogicielsSchoolFormations />

    <LogicielsSchoolReviews />

    <LayoutFAQ  />

    <LayoutFooterSolutionsFooter />

    <LayoutFooter />
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { StickyMenuAction } from "~/types/interface";
import { StickyMenuActionType } from "~/types/enum/layout";

const menus = ref([
  { id: "Presentation", label: "Présentation", element: null },
  { id: "Avantages", label: "Avantages", element: null },
  { id: "Fonctionnalites", label: "Fonctionnalités", element: null },
  { id: "Comparatif", label: "Comparatif", element: null },
  { id: "Contact", label: "Contact", element: null },
  { id: "Formations", label: "Formations", element: null },
  { id: "Temoignages", label: "Temoignages", element: null },
]).value;


const stickyMenuActions: Array<StickyMenuAction> = [
  {
    type: StickyMenuActionType.FOLLOW_LINK,
    bgColor: "blue-square",
    iconClass: "fa-regular fa-comments icon",
    text: "Nous contacter",
    url: "/nous-contacter",
  },
  {
    type: StickyMenuActionType.FOLLOW_LINK,
    bgColor: "blue-square",
    iconClass: "fa-solid fa-circle-info icon",
    text: "Demander une demo",
    url: "/nous-contacter",
  },
  {
    type: StickyMenuActionType.FOLLOW_LINK,
    bgColor: "blue-square",
    iconClass: "fa-brands fa-readme icon",
    text: "Brochure",
    url: "https://www.opentalent.fr/fileadmin/stockage/commercial/plaquettes_commerciales/De%CC%81pliant-school_23.pdf",
  },
  {
    type: StickyMenuActionType.CALL_US,
    bgColor: "darkblue-square",
    iconClass: "fa-solid fa-phone icon",
    text: "Nous Appeler",
  },
];

</script>

<style scoped lang="scss">
.theme-school {
  --primary-color: #ffffff;
  --secondary-color: #c3e5e7;
  --on-primary-color: #0e2d32;
  --on-primary-color-alt: #c3e5e7;
}
</style>