@php
    use function Modules\Core\Settings\Helpers\setting;
@endphp
<section class="py-20 bg-[#eeffff]  relative overflow-hidden">
    <div class="marquee">
        <div class="track text-[#3cb4b1]">
            <span>
            {{ setting('site.marquesina_texto') }}
            </span>
            <span>
            {{ setting('site.marquesina_texto') }}
            </span>
        </div>
    </div>

    <div class="container mx-auto px-4 relative z-10">
        <h2 class="text-3xl font-bold text-center text-[#277c7d] mb-12 mt-10">Conoce nuestras Instalaciones</h2>
    </div>
    <div class="glide instalaciones-slider">
            <div class="glide__track" data-glide-el="track">
                <ul class="glide__slides">
                    @foreach ($instalaciones as $instalacion)
                        <li class="glide__slide">
                            <div class="slide-card">
                                <img src="{{ Storage::url($instalacion->image) }}"
                                    alt="{{ $instalacion->title }}">
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    <div class="container mx-auto px-4 relative z-10">
        <div class="text-center">
            <a href="{{ route('instalaciones') }}" class="text-[#008B8B] font-semibold  border-[#008B8B] pb-1 hover:text-teal-700 transition-colors">
                Ver más
            </a>
        </div>
    </div>
</section>