site_logiciels/pages/opentalent_artist.vue

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

    <CommonStickyMenu :actions="stickyMenuActions" />

    <CommonBannerTitle
      title="Opentalent Artist"
      leftText="School"
      rightText="Manager"
    />

    <LogicielsArtistBanner />

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

    <LogicielsArtistPresentation />

    <LogicielsArtistAvantages />

    <div v-if="mdAndUp" class="alt-theme">
      <LogicielsArtistFonctionnalites />
    </div>

    <LogicielsArtistComparatif />

    <LogicielsArtistAbonnement />

    <LogicielsArtistFormations />

    <LogicielsArtistReviews class="alt-theme"/>

    <LayoutFAQ />

    <LayoutFooterPrefooter />

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

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

const { mdAndUp } = useDisplay()

const menus: Array<MenuScroll> = [
  { anchor: "presentation", label: "Présentation" },
  { anchor: "benefits", label: "Avantages" },
  { anchor: "functionalities", label: "Fonctionnalités" },
  { anchor: "comparative", label: "Comparatif" },
  { anchor: "subscription", label: "Abonnement" },
  { anchor: "webinars", label: "Wébinaires" },
  { anchor: "testimonials", label: "Témoignages" },
];

const stickyMenuActions: Array<StickyMenuAction> = [
  {
    type: StickyMenuActionType.FOLLOW_LINK,
    bgColor: "yellow-square",
    iconClass: "fa-regular fa-comments icon",
    text: "Nous contacter",
    url: "/nous-contacter",
  },
  {
    type: StickyMenuActionType.FOLLOW_LINK,
    bgColor: "yellow-square",
    iconClass: "fa-solid fa-circle-info icon",
    text: "Brochure",
    url: "https://www.opentalent.fr/fileadmin/stockage/commercial/plaquettes_commerciales/Depliant_Opentalent_Artist_23.pdf ",
  }
];
</script>

<style lang="scss">
.theme-artist {
  --primary-color: #ffffff;
  --secondary-color: #fef3ce;
  --on-primary-color: #0e2d32;
  --primary-color-alt: #262626;
  --on-primary-color-alt: #fac20a;
}
</style>