<template>
  <LayoutNavigation />

  <CommonStickyMenu />

  <LayoutUITitlePage
    title="LOGICIELS CULTURELS"
    subtitle="UNE GAMME DE LOGICIELS ADAPTÉE À CHAQUE STRUCTURE CULTURELLE"
    :class="mdAndDown ? 'mt-12' : ''"
  />

  <HomeCaroussel v-if="mdAndUp"/>

  <HomePromotion />

  <HomeSolution />

  <div class="spacer" />

  <HomeEventAgenda />

  <HomeBesoin />

  <HomeReviews />

  <HomeHelp />

  <LayoutFooterPrefooter v-if="lgAndUp" />

  <LayoutFooter />
</template>

<script setup>
import { useDisplay } from "vuetify";

const { mdAndDown, mdAndUp, lgAndUp } = useDisplay();
</script>

<style scoped>
.spacer {
  height: 2rem;
}
</style>
