<script setup>
    import logoFull from '/img/logos/logo_blanc_rouge.png'
    import agendaNoir from '@/assets/img/icones/agenda_rouge_fonce_blanc.svg'
    import ticket from '@/assets/img/icones/ticket_white.svg'
    import mobile_agenda_icon from '@/assets/img/icones/agenda_rouge_fonce_blanc.svg'
    import mobile_ticket from '@/assets/img/icones/ticket_white.svg'
    const { brand } = useAppConfig()

</script>

<template>

    <HeaderNav burger-color="hamburger_white">
        <template #logo>
            <NuxtImg :src="logoFull" :alt="brand.logoAlt" class="logo-img" />
        </template>

        <template #agenda-icon>
            <img :src="agendaNoir" alt="icone agenda" />
        </template>

        <template #ticket>
            <img :src="ticket" alt="icone ticket" />
        </template>

        <template #mobile_agenda_icon>
            <img :src="mobile_agenda_icon" alt="icone ticket" />
        </template>

        <template #mobile_ticket>
            <img :src="mobile_ticket" alt="icone ticket" />
        </template>

    </HeaderNav>

    <div class="obscur"></div>

    <div class="header-img_cont">
        <NuxtImg
            src="/img/photos/zaho.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>



</template>

