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

<template>
  <div class="theme-partnerships">
    <CommonMeta
      title="Partenaires Opentalent : ensemble, construisons le monde culturel de demain"
      description="Découvrez les partenaires d'Opentalent et leur engagement pour construire un monde culturel innovant et durable. Ensemble, soutenons la culture et les arts de demain."
    />

    <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-alt: var(--secondary-color);
  --on-primary-color: var(--alt-theme);
  --scroll-menu-on-primary-color: var(--neutral-color);
}
</style>
