@include('htmlpage.frontent.layout.app')
 <section class="g-padding-y-125--sm">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          @foreach ($category as $index => $projectCategory)
          @if($index === 0)
          <div class="main_title">
            <h1>
              We are Design plus Architectural Consultants
              
              Kozhikode Kerala<br>
              <span> </span>
            </h1>
            <h4 style="margin-bottom:15px;" className='mb-4 mb-25'>
              <span class="word-with-shadow">Architectural</span>
              <span class="separator">|</span>
              <span class="word-with-shadow">Interior</span>
              <span class="separator">|</span>
              <span class="word-with-shadow">Landscape</span>
              <span class="separator">|</span>
              <span class="word-with-shadow">Project Management</span>
            </h4>
          </div>
          @endif
          @if ($index % 2 != 0)

         <a href="{{ route('projectdetails', ['categoryName' => strtolower($projectCategory->category)]) }}"
                class="main_btn1"> <div class="single-project single-project animate-on-scroll animate__animated animate__fadeInUp">
            <img src="{{ asset('storage/' . $projectCategory->image_path) }}" alt="Slide Image" class="categoryHome ">
            <div class="project-details">
              <h4>{{ $projectCategory->category }}</h4>
              View Details
                <img src="img/next.png" alt="">
            </div>
          </div> </a>
          @endif
          @endforeach
        </div>
        <div class="col-md-6">
          @foreach ($category as $index => $projectCategory)
          @if ($index % 2 == 0)
         <a href="{{ route('projectdetails', ['categoryName' => strtolower($projectCategory->category)]) }}"
                class="main_btn1"> <div class="single-project single-project animate-on-scroll animate__animated animate__fadeInUp">
            <img src="{{ asset('storage/' . $projectCategory->image_path) }}" alt="Slide Image" class="categoryHome ">
            <div class="project-details">
              <h4>{{ $projectCategory->category }}</h4>
              View Details
                <img src="img/next.png" alt="">
            </div>
          </div></a>
          @endif
          @endforeach
        </div>
      </div>
    </div>
  </section>

    @include('htmlpage.frontent.layout.footer')