<div class="carousel">
    @include('components.navbar')
    <section id="image-carousel" class="splide splide__slide" aria-label="Beautiful Images">
      <div class="splide__track">
            <ul class="splide__list">
                <li class="splide__slide">
                    <img src="{{ asset('assets/img/coworking-liiv.webp') }}" alt="" class="img-fluid"/>
                </li>
                <li class="splide__slide">
                    <img src="{{ asset('assets/img/gimnacio-liiv.webp') }}" alt="" class="img-fluid"/>
                </li>
                <li class="splide__slide">
                    <img src="{{ asset('assets/img/zona-patio-liiv.webp') }}" alt=""class="img-fluid"/>
                </li>
            </ul>
      </div>
    </section>
    <div class="overlay"></div>
    <div class="title-welcome " >
        <h1 data-aos="fade-down"
     data-aos-easing="linear"
     data-aos-duration="1500">Creamos espacios que <br/>
        inspiran y transforman vidas</h1>
    <h2 data-aos="fade-down"
     data-aos-easing="linear"
     data-aos-duration="1600">Haz realidad tu proyecto con expertos.</h2>
    <div class="text-center mt-5" data-aos="fade-up"
     data-aos-easing="linear"
     data-aos-duration="1900">
        <a href="#Contacto" class="btn btn-primary btn-header">Contáctanos</a>
    </div>
    </div>
</div>

