<template>
  <div class="header_full_2">

    <header_content img-src="@/assets/img/logos/logo_orchestre_red.svg" img-agenda-src="@/assets/img/icones/agenda_rouge.svg"/>
    
    <div class="obscur"></div>

    <div class="header-img_cont">
        <NuxtImg
            src="@/assets/img/photos/orchestre_header.jpg"
            placeholder
            preset="full"
            alt="L'orchestre National d'Île-de-france en concert - vue d'ensemble"
            class="header-img"
        />
    </div>

    <div class="header-img_text">
        <div class="header-img_titre">ZAHO DE SAGAZAN</div>
        <div class="header-img_description">Accompagnée par l’Orchestre national d’Île-de-France dirigé par Dylan Corlay, Zaho de Sagazan revisite les chansons de son premier album pour les plonger dans une toute nouvelle dimension !</div>
        <div class="decouvrir"><div class="decouvrir_icone"><img src="@/assets/img/icones/fleche_gris_blanc.svg" alt="icone flèche"></div><div class="decouvrir_texte">Découvrir</div></div>
    </div>

  </div>
</template>

<script setup>

  const config = useAppConfig()
  useSeoMeta({
    title: config.title
  })
  const appConfig = useAppConfig()
  console.log("test 3 : ",appConfig.title) // "Mon site Nuxt"
</script>

<style lang="scss">


</style>