site_logiciels/pages/qui-sommes-nous.vue

<!--
  Page "Qui sommes nous?"
-->

<template>
  <CommonMeta
    title="Qui sommes-nous ? - Opentalent"
    description="Opentalent, créé par des passionnés, révolutionne la gestion culturelle et la promotion du spectacle vivant pour enrichir le développement de la culture."
  />

  <LayoutUITitlePage class="mb-12">
    Qui sommes-nous ?
    <template #subtitle>L’entreprise Opentalent, historique, valeurs et équipe, découvrez-nous</template>
  </LayoutUITitlePage>

  <CommonBanner
    imageSrc="/images/banner/about_opentalent.png"
    imageAlt="Réunion d’équipe dans une salle de réunion avec 5 personnes"
  />

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

  <CommonActionMenu />

  <AboutPresentation />

  <AboutValeurs />

  <AboutLogiciels />

  <AnchoredSection id="agenda" class="mb-6">
    <HomeEventAgenda/>
  </AnchoredSection>

  <AboutChronologie v-if="lgAndUp"/>

  <AboutEquipe />

  <AboutFAQ />

  <LayoutFooterPrefooter />
</template>

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

const { lgAndUp } = useDisplay()

const menus: Array<MenuScroll> = [
  { anchor: "about", label: "Qui sommes-nous" },
  { anchor: "values", label: "Nos valeurs" },
  { anchor: "softwares", label: "Nos logiciels" },
  { anchor: "agenda", label: "L'agenda opentalent" },
  { anchor: "history", label: "Notre Histoire" },
  { anchor: "team", label: "Notre équipe" },
  { anchor: "help", label: "Aide" },
];
</script>

<style scoped lang="scss">
:deep(.active) {
  background-color: var(--primary-color);
  color: var(--on-primary-color);
}
</style>