@include('htmlpage.frontent.layout.app')
<!--========== Image Grid ==========-->
<section class="gallery-area g-padding-y-105--xs" style="background-color: rgb(255, 255, 255);">
  <div class="grid-container">


    @if ($listallprojects->isNotEmpty())
    @foreach ($listallprojects as $listall)
    <div class="ftco-animate">
      <a href="{{ route('singleproject', ['url' => $listall->url]) }}">
        <div class="project">
          <img src="{{ asset('storage/' . $listall->image_path) }}" class="grid-item grid-item-2"
            alt="Future Centre at Sulthan Bathery">
          <div class="text">
            <h3 class="ppp">{{ $listall->project_name }}</h3>
          </div>
          <a href="{{ route('singleproject', ['url' => $listall->url]) }}"
            class="icon image-popup d-flex justify-content-center align-items-center">
            <span><i class="fa-solid fa-expand"></i></span>
          </a>
        </div>
      </a>
    </div>

    @endforeach
    @else
    <p>No galleries found for this project.</p>
    @endif




  </div>
</section>
<!-- /image grid -->
@include('htmlpage.frontent.layout.footer')