@unless (count($testimonials) == 0)
    <div class="p-10">
        <div class="container mx-auto">
            <h2 class="text-xl md:text-3xl lg:text-4xl text-center transition-all duration-500 text-color1-700 dark:text-slate-300">People Who Found Jobs Using
                <span class="text-color2-400">
                    Jobshubharambh.com
                </span>
                </h2>
            <div class="container mx-auto md:px-6">
                <section class="text-center">
                    <div class="candidateJob">
                        @foreach ($testimonials as $item)
                            <div class="mb-12 md:mb-0 p-10">
                                <div class="mb-6 flex justify-center">
                                    @if (!empty($item->image) && Storage::disk('public')->exists($item->image))
                                    <img src="{{ Storage::url($item->image) }}"
                                    class="w-32 rounded-full shadow-lg dark:shadow-black/20 border-4"
                                    style="max-height: 100px;max-width:100px;min-height: 100px;min-width:100px;" alt="{{ $item->name }}" loading="lazy" />
                                    @else
                                    <div class="relative inline-flex items-center justify-center w-[100px] h-[100px] overflow-hidden bg-gray-100 rounded-full dark:bg-gray-600 text-xl">
                                    {{ collect(explode(' ', $item->name))->map(fn($word) => strtoupper(substr($word, 0, 1)))->implode('') }}
                                    </div>
                                    {{-- <img src="{{ URL::asset('images/user.webp') }}"
                                    class="w-32 rounded-full shadow-lg dark:shadow-black/20 border-4"
                                    style="max-height: 100px;max-width:100px;min-height: 100px;min-width:100px;" alt="{{ $item->name }}" loading="lazy" /> --}}
                                    @endif
                                </div>
                                <h5 class="-mb-2 text-lg font-medium text-slate-700 dark:text-slate-300">{{ $item->name }}</h5>
                                <h6 class="mb-4 font-medium text-slate-500 dark:text-slate-400">
                                    {{ $item->designation }}
                                </h6>
                                <p class="mb-4 text-slate-500 dark:text-slate-400 leading-relaxed">
                                    {{ $item->testimonial }}
                                </p>
                            </div>
                        @endforeach
                    </div>
                </section>
            </div>
        </div>
    </div>
@endunless