@extends('front.include.app')
@section('content')
    <section class="service-sec">
        <div class="container">
            <h2 class="mainHead">{{ $servicesCmsContent['services_heading'] ?? 'Default Services Heading' }}</h2>
            @foreach ($Services as $services)
                <div class="row">
                    <div class="col-md-6">
                        <figure class="service-imag">
                            <img src="{{ $services->getFirstMediaUrl('service_image') }}" class="img-fluid" alt="">
                            <h5>0{{ $loop->iteration }}</h5>
                        </figure>
                    </div>
                    <div class="col-md-6">
                        <div class="service-content">
                            <h2 class="mainHead">{{ $services->heading }}</h2>
                            <p>{{ $services->paragraph }}</p>
                            <a href={{ $services->button_link }} class="themeBtn">{{ $services->button_text }}</a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </section>

    <section class="insta-sec">
        <div class="container">
            <div class="row justify-content-center text-center">
                <div class="col-md-5">
                    <div class="insta-content" data-aos="fade-up" data-duration="4000">
                        <a href="">follow on instagram<i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection