<template>
  <LayoutContainer>
    <v-row>
      <CommonBannerTitle
        title="Opentalent School"
        left-text="Artist"
        right-text="Manager"
      />
    </v-row>

    <v-row>
      <v-col cols="12">
        <CommonBanner
          image-src="/images/solutions/school.jpg"
          image-alt="line"
          square-text="École de musique, d'art, de danse, de cirque, conservatoires et MJC"
          logo-src="/images/logo/logiciels/School-Blanc.png"
          :logo-alt-theme="true"
        />
      </v-col>
    </v-row>
  </LayoutContainer>
</template>

<style scoped lang="scss">
.v-container {
  padding-left: 0;
  padding-right: 0;
}

:deep(.cover-image) {
  object-position: center 40% !important;
}
</style>
<script setup lang="ts">
</script>
