@extends('front.layout.app')
@section('content')
    <section class="innerbanner">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>Services</h2>
                </div>
            </div>
        </div>
    </section>



    <section class="services-sec services-page">
        <div class="container">
            <div class="services-top" data-aos="fade-up" data-duration="3000">
                <div class="services-heading">
                    <h3 class="subHead">Our Services</h3>
                    <h2 class="mainHead">What We Offer</h2>
                </div>
            </div>
            <div class="row" data-aos="fade-up" data-duration="3000">
                @foreach($services as $service)
                    <div class="col-md-3">
                        <div class="services-wrapp">
                            <figure class="services-img">
                                <img src="{{asset('uploads/services/'.($service->image ?? ''))}}" class="img-fluid"
                                     alt="">
                            </figure>
                            <div class="services-content">
                                <a href="{{route('service.single.page',['id'=>$service->id,'slug'=>$service->title])}}">{{$service->title ?? ''}}</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

@endsection