@extends('front.layout.app')
@section('content')
     @php $settingArr = settingArr(); @endphp

   <div class="secr-slider_wrapper pagetitle" style="background: url({{ asset_storage('front/images/service-detail.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-12 slider-text-col" data-aos="fade-up" data-aos-duration="1000">
						 
							<h1 class="fw-bold text-white mb-4 hero-title">    {{ $serviceObj->title }} 
							</h1>
							<p class="text-white hero-desc">
 {!! $serviceObj->excerpt !!}							</p>
 
 
 @if(request()->is('service/itad-asset-disposition-services'))
 
 
  <div class="d-flex flex-wrap hero_btns gap-3 mb-5">
                                <div class="main-btn border_btn bluebtn"><a href="{{ base_url() }}Start-an-Assessment.html">Request a Free ITAD Assessment <i
                                            class="fas fa-arrow-right ms-2"></i></a></div>
                                <div class="main-btn border_btn"><a href="tel:{{ $settingArr->mobile }}"><i class="fa-solid fa-phone p-0 me-2"></i>
                                        Talk to
                                        an ITAD Specialist </a></div>
                            </div>
                            
                             @endif
                         
                           
							
							 
						</div>
					</div> 
					
					@if(request()->is('service/itad-asset-disposition-services'))
					   <div class="trust-indicators d-flex flex-wrap align-items-center gap-4 text-white justify-content-center">
                                <span class="d-flex align-items-center fw-semibold"><i
                                        class="fa-solid fa-circle-check text-success me-2"></i> R2v3 Certified</span>
                                <span class="d-flex align-items-center fw-semibold"><i
                                        class="fa-solid fa-circle-check text-success me-2"></i> NIST 800-88
                                    Aligned</span>
                                <span class="d-flex align-items-center fw-semibold"><i
                                        class="fa-solid fa-circle-check text-success me-2"></i> Serialized Asset
                                    Tracking</span>
                                <span class="d-flex align-items-center fw-semibold"><i
                                        class="fa-solid fa-circle-check text-success me-2"></i> Secure Chain of
                                    Custody</span>
                            </div>
                            
                              @endif
					
				</div>
			</div> 
		</div>


		<!-- Page title end -->

		<main id="main">
			
            {!! adjustUrl($serviceObj->description) !!}



        <!-- CTA Section -->
        
        @if(request()->is('service/itad-asset-disposition-services'))
        
        <section class="py-5 pagecontent itad-cta-section mb-5">
                <div class="container py-lg-5">
                    <div class="row justify-content-center text-center">
                        <div class="col-lg-8" data-aos="zoom-in">
                            <h2 class="fw-bold text-white mb-4">Turn Retired Technology Into a Secure, Documented
                                Outcome</h2>
                            <p class="text-white mb-5">Whether you are replacing employee computers,
                                closing an office, refreshing infrastructure, or decommissioning a data center, SECR can
                                build an ITAD program around your security, financial, operational, and sustainability
                                objectives.</p>
                            <div class="d-flex flex-wrap justify-content-center cta_wrp gap-3 mb-5">
                                <div class="main-btn border_btn bluebtn"><a href="{{ base_url() }}Start-an-Assessment.html">Request a Free ITAD Assessment <i
                                            class="fas fa-arrow-right ms-2"></i></a></div>
                                <div class="main-btn border_btn"><a href="tel:{{ $settingArr->mobile }}" class="itad-btn-outline-white">Call an ITAD
                                        Expert <i class="fas fa-phone ms-2"></i></a></div>
                            </div>
                            <div class="d-flex flex-wrap justify-content-center gap-2 gap-lg-4 text-white">
                                <a href="tel:{{ $settingArr->mobile }}" class="text-white text-decoration-none fs-5"><i
                                        class="fa-solid fa-phone-volume me-2 text-success"></i> {{ $settingArr->mobile }}</a>
                                <a href="mailto:{{ $settingArr->email }}" class="text-white text-decoration-none fs-5"><i
                                        class="fa-solid fa-envelope me-2 text-success"></i> {{ $settingArr->email }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            @else
        
        <!---->
        <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->email }}</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>
@endif
		

		</main>
    @endsection