@extends('layouts.frontend.app')

@section('content')
<!-- Start Page Title Area -->
<div class="page-title-area bg-22">
    <div class="container">
        <div class="page-title-content">
            <h2>خدماتنا المميزة</h2>

        </div>
    </div>
</div>
<!-- End Page Title Area -->

<!-- Start Services Area -->
<section class="services-area ptb-100">
    <div class="container">
        <div class="section-title" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='1000'>
            <span>نقدم</span>
            <h2>خدماتنا المميزة</h2>
        </div>

        <div class="row" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='1500'>
            @foreach ($services as $service)


            <div class="col-lg-4 col-sm-6">
                <div class="single-services">
                    <i class="flaticon-estimate"></i>
                    <h3>{{ $service->name }}</h3>
                    <p>{{ $service->description }}</p>

                    <!-- <a href="single-services.html" class="read-more">
                        Read More
                        <span class="flaticon-next"></span>
                    </a> -->

                </div>
            </div>
            @endforeach

       {{ $services->links() }}
        </div>
    </div>
</section>
<!-- End Services Area -->
@endsection