@extends('front.layout.app')

@section('content')

  @php $settingArr = settingArr(); @endphp

<div class="secr-slider_wrapper pagetitle" style="background: url({{ asset_storage('front/images/about-page-bg.jpg') }} ) no-repeat top;">
			<div class="slider-wrap slider-wrap-custom">
				<div class="container h-100 position-relative d-flex flex-column justify-content-center">
					<div class="row">
						<div class="col-lg-10 slider-text-col" data-aos="fade-up" data-aos-duration="1000">
						 
							@php  echo adjustUrl($servicepage ->content) @endphp
							
							 
						</div>
					</div> 
				</div>
			</div> 
		</div>


		<!-- Page title end -->

		<main id="main">
			
            <!-- Services Cards Start -->
            <section class="secr-service-cards-section">
                <div class="container">
                    <div class="row g-4 justify-content-center">
                        <section class="secr-service-cards-section">
    <div class="container">
        <div class="row g-4 justify-content-center">

            @if(count($allServices) > 0)
                @foreach($allServices as $serviceObj)
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="{{ $loop->iteration * 50 }}">
                        <article class="secr-service-card">
                            <div class="secr-service-card-image">
                                <img src="{{ asset_uploads('services/' . $serviceObj->featured_image) }}"
                                    title="{{ $serviceObj->featured_image_title }}"
                                    alt="{{ $serviceObj->featured_image_alt }}">
                            </div>

                            <div class="secr-service-card-body">
                                <span class="secr-service-card-number">
                                    {{ str_pad($loop->iteration, 2, '0', STR_PAD_LEFT) }}
                                </span>

                                <h2>{{ $serviceObj->title }}</h2>

                                <p>{{ Str::limit($serviceObj->excerpt, 100, '...') }}</p>

                                <div class="main-btn btn-dark secr-service-card-link">
                                    <a href="{{ url('service/' . $serviceObj->slug) }}">
                                        READ MORE <i class="fas fa-arrow-right ms-2"></i>
                                    </a>
                                </div>
                            </div>
                        </article>
                    </div>
                @endforeach
            @else
                <div class="col-12 text-center">
                    <p>No Record Found</p>
                </div>
            @endif

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

                        

                       

                       

                       

                    
                </div>
            </section>
            <!-- Services Cards End -->





        <!-- CTA Section -->
        <section class="cta-section my-5">
				<div class="container">
					<div class="cta-wrap" data-aos="fade-up">
						<div class="row align-items-center">
							<div class="col-lg-6">
								<div class="section-title cta-title mb-4" data-aos="fade-up">
									<h3 class="fw-bold mb-0 text-white">Contact us for <span>more information</span> or
										to arrange a pickup.</h3>
								</div>

								<div class="cta-info-list mb-5">
									<div class="cta-info-item d-flex align-items-center mb-4">
										<div class="cta-icon">
											<i class="fa-solid fa-phone-volume"></i>
										</div>
										<div class="cta-text ms-4">
											<span class="d-block mb-1">Call or Text</span>
											<a href="tel:{{ $settingArr->mobile }}" class="text-white text-decoration-none"><strong
													class="h5 mb-0">{{ $settingArr->mobile }}</strong></a>
										</div>
									</div>

									<div class="cta-info-item d-flex align-items-center mb-4">
										<div class="cta-icon">
											<i class="fa-solid fa-envelope"></i>
										</div>
										<div class="cta-text emailbx ms-4">
											<span class="d-block mb-1">Email Us At</span>
											<a href="mailto:{{ $settingArr->email }}"
												class="text-white text-decoration-none"><strong
													class="h5 mb-0">{{ $settingArr->email }}</strong></a>
										</div>
									</div>

									<div class="cta-info-item d-flex align-items-center">
										<div class="cta-icon">
											<i class="fa-solid fa-location-dot"></i>
										</div>
										<div class="cta-text addressbx ms-4">
											<span class="d-block mb-1">Find Us</span>
											<a href="https://maps.google.com/?q=5910+Shiloh+Road+East,+Suite+117+Alpharetta,+GA+30005"
												target="_blank" class="text-white text-decoration-none"><strong
													class="h6 mb-0">{!! str_replace(chr(13), '<span class="blocktext">', $settingArr->address) !!}</strong></a>
										</div>
									</div>
								</div>

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

		

		</main>

 
@endsection