site_logiciels/pages/nos-partenaires.vue

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

<template>
  <div class="theme-partnerships">
    <CommonMeta
      title="Opentalent : éditeur de logiciels de gestion et de communication pour le secteur culturel  "
      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>
      Nos partenaires
      <template #subtitle>
        Construire ensemble un monde pour la culture
      </template>
    </LayoutUITitlePage>

    <CommonBanner
      image-src="/images/pages/nos-partenaires/banner/Partenaires_culturels_Opentalent.webp"
      image-alt="Une poignée de main entre deux personnes"
    />

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

    <CommonActionMenu />

    <PartnershipsBenefit class="mb-8" />

    <PartnershipsPartners class="mb-8" />

    <PartnershipsContact />

    <LayoutFooterPrefooter />
  </div>
</template>

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

const { lgAndUp } = useDisplay()

const menus: Array<MenuScroll> = [
  { anchor: 'benefits', label: 'Bénéfices' },
  { anchor: 'partenaires', label: 'Partenaires' },
  { anchor: 'contact', label: 'Contact' },
]
</script>

<style scoped lang="scss">
.theme-partnerships {
  --on-primary-color: var(--alt-theme);
  --scroll-menu-on-primary-color: var(--neutral-color);
}
</style>