@extends('frontend.layouts.app')

@section('content')
<!-- ====================================== About Hero Section ===================================== -->
    <section class="heroSection">
        <div class="container">
            <h1 class="img-header-text fade_down">Our Clients</h1>
            <div class="breadcrumb-group fade_up">
                <a href="/">HOME / </a>
                <a href="/clients">Our Clients</a>
            </div>
        </div>
    </section>
    <!-- ====================================== About Section Two ===================================== -->
    <section class="section-eight">
        <div class="container">
            <p class="cap-text cost-cal fade_up">Sunil Engineering and Systems  </p>
            <h2 class="sec-text mazing pb-0 fade_up">Our valuable clients</h2>
            <div class="clients-main">
                @forelse($portfolios as $portfolio)
                    <img class="flip_left" src="{{ $portfolio->image_url }}" alt="{{ $portfolio->title }}" title="{{ $portfolio->title }}">
                @empty
                    <div class="text-center w-100">
                        <p>No client portfolios available at the moment.</p>
                    </div>
                @endforelse
            </div>
        </div>
    </section>
@stop