<template>
  <div>
    <CommonMeta
      title="Contactez-nous pour concrétiser votre projet Opentalent"
      description="Contactez Opentalent pour des devis et démos personnalisés, et un support expert. Une solution adaptée à vos projets culturels. Connectez-vous avec notre équipe ! "
    />

    <LayoutUITitlePage>
      Nous contacter
      <template #subtitle
        >Notre équipe est là pour vous. Contactez-nous sans plus
        attendre</template
      >
    </LayoutUITitlePage>

    <CommonBanner
      image-src="/images/pages/contact/banner/Contactez_nous_Opentalent.webp"
      image-alt="Icône téléphone, enveloppe, arobase, bulles de discussion et homme sur son smartphone et son ordinateur portable"
    />

    <ContactForm id="form" />

    <ContactMap id="details" class="contact-map" />

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

<script setup lang="ts"></script>
<style scoped lang="scss">
.contact-map {
  margin-top: 48px;
}
</style>
