{{-- Quick Link Start --}}
<div class="flex flex-col-reverse lg:flex-row">
    <div
        class="flex flex-wrap justify-center flex-1 gap-4 px-4 py-4 text-xs lg:gap-0 lg:py-6 lg:divide-x lg:justify-start">
        @foreach (theme()->getQuickLinks() as $q)
            <div class="lg:px-4">
                <a href="{{ $q->url }}" class="flex items-center gap-2">
                    @if ($q->icon)
                        <div>
                            <x-icon class="w-4 h-4" :name="$q->icon" :style="'color: ' . $q->icon_color" />
                        </div>
                    @endif
                    <div class="uppercase">
                        {{ $q->label }}
                    </div>
                </a>
            </div>
        @endforeach
    </div>
    <div class="w-full lg:w-[220px] lg:mr-4">
        <div class="w-full">
            <a href="{{ setting('general.top_corner.url') ?? '#' }}"
                class="flex justify-center w-full gap-2 py-2 mb-1 text-xs font-extrabold uppercase lg:rounded-b-lg"
                style="background-color: {{ setting('general.top_corner.color') ?? 'rgb(0, 140, 0)' }};">
                <x-icon :name="setting('general.top_corner.icon') ?? 'fab-whatsapp'" class="w-4 text-white" />
                {{ setting('general.top_corner.button') ?? 'WhatsApp' }}
            </a>
        </div>
        <div class="justify-start hidden gap-2 pb-2 pl-1 lg:flex">
            <x-icon name="fas-clock" class="w-3" />
            <x-clock class="text-[.7rem] uppercase " />
        </div>
    </div>
</div>
{{-- Quick Link End --}}