{{-- Banner Promo Start --}}
<div class="flex-col hidden col-span-2 gap-4 lg:flex">
    <div class="overflow-hidden">
        <a class="w-full" href="{{ setting('banner.top_banner.url') ?? '#' }}">
            <img class="w-full rounded-md"
                src="{{ theme()->storage(setting('banner.top_banner.img')) ?? asset('img/default/banner/top_banner.jpg') }}" />
        </a>
    </div>
    <div class="overflow-hidden">
        <a class="w-full" href="{{ setting('banner.banner1.url') ?? '#' }}">
            <img class="w-full rounded-md"
                src="{{ theme()->storage(setting('banner.banner1.img')) ?? asset('img/default/banner/banner_promo.jpg') }}" />
        </a>
    </div>
    <div class="overflow-hidden">
        <a class="w-full" href="{{ setting('banner.banner2.url') ?? '#' }}">
            <img class="w-full rounded-md"
                src="{{ theme()->storage(setting('banner.banner2.img')) ?? asset('img/default/banner/banner_promo.jpg') }}" />
        </a>
    </div>
    <div class="overflow-hidden">
        <a class="w-full" href="{{ setting('banner.banner3.url') ?? '#' }}">
            <img class="w-full rounded-md"
                src="{{ theme()->storage(setting('banner.banner3.img')) ?? asset('img/default/banner/banner_promo.jpg') }}" />
        </a>
    </div>
</div>
{{-- Banner Promo End --}}