@php
  $nbanners = $banners->count();
  //dd($nProd);
@endphp
<section class="text-white section1" id="carouselSection">
  @if ($nbanners > 0)
    <div id="carroselHome" class="carousel slide" data-bs-ride="carousel">
      <ol class="carousel-indicators">
        @php
          $active = true;
          $nSlide = 0;
        @endphp
        @foreach ($banners as $banner)
          @if ($active == true)
            <li data-bs-target="#carroselHome" data-bs-slide-to="{{$nSlide}}" class="active">
          @else
            <li data-bs-target="#carroselHome" data-bs-slide-to="{{$nSlide}}">
          @endif
            </li>2
            @php
              $active = true;
              $nSlide++;
            @endphp
            @endforeach
      </ol>
      <div class="carousel-inner">
        @php
          $active = true;
        @endphp
        @foreach ($banners as $banner)
          @if ($active == true)
            <div class="carousel-item active">
              @else
                <div class="carousel-item">
                  @endif
                  <img src="{{isset($banner->caminho) ? $banner->caminho : ''}}" class="d-block w-100"
                       alt="{{isset($banner->titulo) ? $banner->titulo : ''}}">
                </div>
                @php
                  $active = false;
                @endphp
                @endforeach
            </div>
            <a class="carousel-control-prev" href="#carroselHome" role="button" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carroselHome" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
      </div>
  @endif
</section>

<!-- section quem somos -->
@if ($nbanners === 0)
  <section class="page-section text-white section1" id="quemsomos">
    @else
      <section class="page-section text-white " id="quemsomos">
        @endif

        <div class="container">
          <!-- About Section Heading-->
          <h2 {{-- style="color: {{$cortextQS}}" --}} class="page-section-heading text-center text-uppercase">Quem
            Somos</h2>
          <!-- About Section Content-->
          <div class="row">
            <div class="col"></div>
            <div class="col-9">
              <p
                {{-- style="color: {{$cortextQS}}" --}} class="lead text-justify ">{{isset($conf->quemsomos) ? $conf->quemsomos : ''}}
            </div>
            <div class="col"></div>
          </div>
          {{-- <div class="text-center mt-4">
              <a class="btn btn-xl btn-outline-light" href="#"><i class="fas fa-download mr-2"></i>imagens!</a>
          </div> --}}
        </div>
      </section>
      <!-- section contato -->

      {{-- @if($fotosEmpresa <> '') --}}
      @include('layout_site._includes.fotosEmpresa')
      @include('layout_site._includes.produtos')
      {{-- @endif --}}
      <section class="page-section" id="contato">
        <div class="container">
          <div class="row">
            <div class="col-lg-6 text-center">
              <h4 class="text-uppercase">Localização</h4>
              <iframe class="col-12" height="350" src="{{isset($conf->mapa) ? $conf->mapa : ''}}"
                      allowfullscreen="" tabindex="0"></iframe>
              <p class=" mb-0">{{isset($conf->endereco) ? $conf->endereco : ''}}</p>
            </div>
            @if($conf->email <> '' or $conf->email <> null)
              @include('layout_site._includes.contato')
            @endif
          </div>
        </div>
      </section>