@php
    $sliders = App\Models\Slider::all();
@endphp

<!-- Start Banner section -->
<div class="banner2-section">
    <div class="swiper banner2-slider">
        <div class="swiper-wrapper">
            @foreach ($sliders as $data)
                <div class="swiper-slide">
                    <div class="banner-wrapper"
                        style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url({{ asset($data->image) }});">
                        <div class="container-fluid one pl--95">
                            <div class="row g-lg-4 gy-5">
                                <div class="col-lg-7">
                                    <div class="banner-left-content">
                                        <span>{{ $data->title ?? null }}</span>
                                        <h1>{{ $data->subtitle ?? null }}</h1>
                                        <a class="primary-btn1 btn-hover" href="{{ route('services') }}">
                                            Explore More
                                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                                                viewBox="0 0 12 12">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M10.1865 1.06237L0 11.2484L0.751627 12L10.9376 1.81347V8.85645H12V0H3.14355V1.06237H10.1865Z">
                                                </path>
                                            </svg>
                                            <span style="top: 240.594px; left: 153.5px;"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-5 d-flex align-items-end">
                                    <div class="banner-right-content pl--95">
                                        <h5>{{ $data->description ?? null }}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach

        </div>
    </div>
</div>

<!-- End Banner section -->