{% extends 'layouts/_main' %}

{% block content %}

  <div class="section mt-5">
    <div class="container mt-4">
      <div class="row mb-5 align-items-center">
        <div class="col-lg-6 text-center mx-auto">
          <h2 class="font-weight-bold text-primary heading">
            Featured Properties
          </h2>
          <h5>Nex Gen .Webp Optimized (Business)</h5>
        </div>
      </div>

        <div class="row">
          <div class="col-12">
            <div class="property-slider-wrap">
              <div class="property-slider">

                <!-- .item -->
                {% set array = craft.entries.section('property').all() %}

                {% set transform = true %}
                {% for item in array %}


                  {% include 'property/_single' with {
                    item: item,
                    transform: transform 
                  } %}
                {% endfor %}
                <!-- .item -->
              </div>

              <div
                id="property-nav"
                class="controls"
                tabindex="0"
                aria-label="Carousel Navigation"
              >
                <span
                  class="prev"
                  data-controls="prev"
                  aria-controls="property"
                  tabindex="-1"
                  >Prev</span
                >
                <span
                  class="next"
                  data-controls="next"
                  aria-controls="property"
                  tabindex="-1"
                  >Next</span
                >
              </div>
            </div>
          </div>
        </div>


    </div>
  </div>

{% endblock %}