<template>
  <LayoutNavigation />

  <CommonActionMenu />

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

  <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>
