<div class="hero_image w-screen md:w-full my-4 relative -mx-4 md:mx-0 aspect-video">

    {% set has_video = true %}

    {% set thumb_quality = '' %}
    {% if mobile %}
        {% set thumb_quality = 'hqdefault' %}
    {% else %}
        {% set thumb_quality = 'maxresdefault' %}
    {% endif %}

    {% include "templates/components/single/lite-youtube.twig" with {
        video_id: featuredVideo,
        video_class: 'lg:rounded-lg',
        thumb_url: 'https://i.ytimg.com/vi/' ~ featuredVideo ~ '/' ~ thumb_quality ~ '.jpg'
    } %}

    {% include "templates/components/single/prevnext.twig" with { top: '230px' } %}

    <div class="border-b border-gray-200 flex items-center gap-4 pt-2 pb-2 px-4 lg:px-0">
        <div class="min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-default">
            {% if mobile %}
                Seguici su YouTube!
            {% else %}
                Rimani aggiornato quotidianamente sui video, approfondimenti e recensioni di HDblog. Iscriviti ora al canale Youtube, basta un Click!
            {% endif %}
        </div>
        <a
            href="https://www.youtube.com/user/HDblog?sub_confirmation=1"
            target="_blank"
            rel="noopener"
            class="inline-flex h-6 shrink-0 items-center gap-1.5 whitespace-nowrap bg-[#cc0000] px-3 text-xs font-semibold text-white hover:bg-[#aa0000]"
        >
            <svg class="h-3.5 w-3.5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" focusable="false" fill="currentColor">
                <path d="M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z" />
            </svg>
            Iscriviti
        </a>
    </div>
</div>



