@php
    use function Modules\Core\Settings\Helpers\setting;
@endphp
@if (setting('social.social_networks'))

    <section class="py-16 bg-black">

        <div class="container">

            <div class="flex flex-wrap justify-center items-center gap-0 sm:gap-x-20 sm:gap-y-10" data-aos="fade-down"
                data-aos-duration="800" data-aos-once="true">

                @foreach (setting('social.social_networks') as $sn)

                    <a
                        href="{{ $sn->url }}"
                        target="_blank"
                        class="group flex w-1/2 sm:w-1/3 md:w-1/5 lg:w-1/5 xl:w-1/5  flex-col items-center justify-center gap-4 text-center transition-all duration-300 hover:scale-105 mt-4"
                    >

                        @svg(
                            $sn->icon,
                            'h-8 w-8 text-white transition-all duration-300 group-hover:text-gray-300'
                        )

                        <span class="text-white text-base sm:text-lg mt-1 font-medium leading-none whitespace-nowrap">
                            {{ $sn->label ?? $sn->name ?? '' }}
                        </span>

                    </a>

                @endforeach

            </div>

        </div>

    </section>

@endif