@extends('public.layouts.default')

@section('title')
| Services
@endsection

@section('content')
<div class="hero-block-style services-hero-wrap">
	<div class="container">
		<h1 class="main-heading text-center">{{$service->title}}</h1>
	</div>
</div>
@include('public.includes.breadcrumb')
{{-- <div class="container">
		<div class="padding-wrap ">
			<h1 class="main-heading">Our Services-Your Choice</h1>
		</div>
	</div> --}}

	<div class="service_detail padding-wrap pt-with-breadcrumb">
	<div class="container">
		<div class="service_detail_wrap">
			<div class="service_detail_row">
				<div class="service_detail_left">
					<div class="choice-content">
						<div class="choice-image">
							<img src="{{ asset('storage/images/service/'.$service['detail_image']) }}" alt="{{$service->detail_image_alt}}">
						</div>
						<div class="choice-text">
							<h3>{{$service->title}}</h3>
							<p>{!! $service->description !!}</p>
						</div>
					</div>
				</div>
				<div class="service_detail_right">
					<div class="hero_form">
						@include('public.pages.reservation._location_detail',['from'=>'home'])
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="fleet_sec padding-wrap">
	<div class="container">
		<div class="main_title">
			<h2>Explore Our Fleet</h2>
			<p>Opt for your choice of limo from our premium selection of airport limos in Canada.</p>
		</div>
		@include('public.pages.includes.fleets')
	</div>
</div>

{{-- <div class="fleet_sec padding-wrap grey_bg">
	<div class="container">
		<div class="fleet_title">
			<h2 class="main-heading">Our Fleet</h2>
			<p>Pick from the exquisite set of our (well-maintained) ground transportation that matches your trip.</p>
		</div>
		<div class="fleet_tab">
			<ul class="fleet_tab_title">
				<li role="presentation" class="active">
					<a href="#all" aria-controls="one" role="tab" data-toggle="tab">All</a>
				</li>
				<li role="presentation">
					<a href="#suv" aria-controls="two" role="tab" data-toggle="tab">SUV</a>
				</li>
				<li role="presentation">
					<a href="#sedan" aria-controls="three" role="tab" data-toggle="tab">Sedan</a>
				</li>
				<li role="presentation">
					<a href="#tesla" aria-controls="three" role="tab" data-toggle="tab">Tesla Y</a>
				</li>
			</ul>
			<div class="fleet_tab_content">
				<div role="tabpanel" class="tab-pane fade in active" id="all">
					<div class="row">
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/2020-Tesla-Model-Y-Dual-Motor-Long-Range-30.png') }}" alt="Fleet">
								<h4>Tesla Y</h4>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/Lincoln-Continental-01.png') }}" alt="Fleet">
								<h4>Lincoln Continental</h4>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/2023_cadillac_escalade.png') }}" alt="Fleet">
								<h4>Cadillac Escalade</h4>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/2021-chevrolet.png') }}" alt="Fleet">
								<h4>Chevrolet Suburban</h4>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/2021-Genesis.png') }}" alt="Fleet">
								<h4>Genesis G80</h4>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/mercedes-s-class.png') }}" alt="Fleet">
								<h4>Mercedes S Class</h4>
							</div>
						</div>
					</div>
				</div>
				<div role="tabpanel" class="tab-pane fade" id="suv">
					<div class="row">
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/2023_cadillac_escalade.png') }}" alt="Fleet">
								<h4>Cadillac Escalade</h4>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/2021-chevrolet.png') }}" alt="Fleet">
								<h4>Chevrolet Suburban</h4>
							</div>
						</div>
					</div>
				</div>
				<div role="tabpanel" class="tab-pane fade" id="sedan">
					<div class="row">
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/Lincoln-Continental-01.png') }}" alt="Fleet">
								<h4>Lincoln Continental</h4>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/2021-Genesis.png') }}" alt="Fleet">
								<h4>Genesis G80</h4>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/mercedes-s-class.png') }}" alt="Fleet">
								<h4>Mercedes S Class</h4>
							</div>
						</div>
					</div>
				</div>
				<div role="tabpanel" class="tab-pane fade" id="tesla">
					<div class="row">
						<div class="col-sm-4">
							<div class="fleet_box">
								<img width="370" height="270" src="{{ asset('storage/images/inner_page/2020-Tesla-Model-Y-Dual-Motor-Long-Range-30.png') }}" alt="Fleet">
								<h4>Tesla Y</h4>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div> --}}

<div class="area-wrap padding-wrap">
	<div class="area-back">
		<div class="container">
			<div class="main_title">
				<h2>Cities Where We Provide Airport Transportation</h2>
				<p>We cover almost all the major cities in Canada and provide top-notch airport transfer services in the following locations.</p>
			</div>
			<div class="areas_list">
				@include('public.pages.includes.area_serving')
				<div class="more-area comn_btn">
					<button class="more-btn">Discover More</button>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="touch_sec padding-wrap">
	<div class="container">
		<div class="touch_box">
			<div class="main_title">
				<h2>Get In Touch</h2>
			</div>
			<div class="touch_form">
				@include('public.pages.touch_form',['from'=>'home'])
			</div>
		</div>
	</div>
</div>

{{-- <div class="why-choose-wrap padding-wrap" style="background-image: url('{{ asset("storage/images/why-bg.jpg") }}')">
<div class="container">
	<h2 class="main-heading">Why Choose us</h2>
	<div class="row">
		<div class="col-md-4">
			<div class="choose-listing text-center">
				<img width="45" height="55" src="{{ asset("storage/images/magnificent-experience.png") }}" alt="Magnificent Experience">
				<h3 class="sub-title">Trained Staff</h3>
				<p class="description">Our staff, both in and out of the house, are first vetted thoroughly and then given the necessary training. Time and again, they are tuned-up so to always remain sharp in the industry. Know more by giving us a call.</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="choose-listing text-center">
				<img width="62" height="54" src="{{ asset("storage/images/secure-journey.png") }}" alt="Secure Journey">
				<h3 class="sub-title">24/7 Support</h3>
				<p class="description">Around the world, you may have seen 24/7 being mentioned in every service. But do they really work as per that, is a big question? We tell you that our whole time accessibility will never let you down. Give a try now.</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="choose-listing text-center">
				<img width="56" height="56" src="{{ asset("storage/images/reliable-services.png") }}" alt="Reliable Services">
				<h3 class="sub-title">Safer Rides</h3>
				<p class="description">From picking to stopping to crossing to dropping, our driver will make sure that you are safe and sound in every second of the journey. Of course, they will not irritate you but will show you their real responsibility.</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="choose-listing text-center">
				<img width="73" height="49" src="{{ asset("storage/images/effortless-booking.png") }}" alt="Fully Licensed & Insured">
				<h3 class="sub-title">Fully Licensed & Insured</h3>
				<p class="description">Aperiam, senectus mollit. Adipisci venenatis illum a cupidatat dolorum nunc! Eget iusto! Nunc dui culpa pellentesque enim integer diam odit, eget convallis laborum aspernatur, ab totam quibusdam accusantium.</p>
			</div>
		</div>
		<div class="col-md-4">
			<div class="choose-listing text-center">
				<img width="57" height="56" src="{{ asset("storage/images/why-icon5.png") }}" alt="On-Time Service">
				<h3 class="sub-title">On-Time Service</h3>
				<p class="description">Minus donec lorem necessitatibus ipsam? Deleniti unde wisi eget faucibus est animi, ullamco nulla! Mollitia class, corrupti maxime nostrum placerat? Atque ac illo bibendum, eleifend deleniti, congue fusce.</p>
			</div>
		</div>
	</div>
</div>
</div> --}}

{{-- <div class="hiring-wrap padding-wrap">
      	<div class="container">
			<div class="main_title">
				<h2>Join Our team</h2>
				<p>We Always Hire Talented People</p>
			</div>
		  <div class="row">
			<div class="col-sm-4">
				<div class="hiring_box">
					<img data-src="storage/images/driver.png" alt="driver" class="lazyload"/>
					<h4>Drivers</h4>
					<p>A wholesome of career opportunities are-in for the newbie and those who are part of this profession. Your pay will be fantastic, which will keep on advancing.</p>
					<div class="link_btn">
						@php $Driver = 'driver'; @endphp
                        <a href="{{ url('/') }}/apply/job/{{$Driver}}">Apply Now</a>
					</div>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="hiring_box">
					<img data-src="storage/images/assistant.png" alt="driver" class="lazyload" />
					<h4>Support Assistant</h4>
					<p>If you have the patience to hear and help our customers, then you are an exact match for this position.The support (pay/benefits) you want is the support you will get.</p>
					<div class="link_btn">
						@php $SupportAssistant = 'supportassistant'; @endphp
						<a href="{{ url('/') }}/apply/job/{{$SupportAssistant}}">Apply Now</a>
					</div>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="hiring_box">
					<img data-src="storage/images/marketers.png" alt="driver" class="lazyload" />
					<h4>Marketers</h4>
					<p>Your charisma and intelligence will benefit both of us. And we need you to make everybody aware that what driving people to and from the destination means to us.</p>
					<div class="link_btn">
						@php $Marketer = 'marketer'; @endphp
						<a href="{{ url('/') }}/apply/job/{{$Marketer}}">Apply Now</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div> --}}

{{-- <div class="service-ride-wrap ride-choice-wrap  padding-wrap">
        <div class="container">
          <div class="row">
              <div class="col-sm-6">
                <div class="ride-services-text">
                    <h3 class="sub-heading">Airport Transportation Services</h3>
                    <p>Is there anything better than arriving in style in a chauffeured transportation? If you want that pizzazz tag when you exit or depart to the airport, then pre-book or order on the spot, Rydeus. We promise you will be whisked in a manner so everyone can have your glimpse.</p>
                    <h3 class="sub-heading">Corporate Travel</h3>
                    <p>The corporate world needs things of opulence. Anything short of glory will make them hire our competitor, straightaway. So, as a responsible unit, we are the ride that can offer more gratification than expected by making those outings admiring and unforgettable.</p>
                    <h3 class="sub-heading">Door to Door Service</h3>
                    <p>Book Rydeus from any corners of the areas we serve, and happily, we will come to transfer you to your destination. Choose from the multiple vehicles we have. Not one you can find least attractive. Also, our team of chauffeurs and assistant will give you round the clock support.</p>
               
                </div>
              </div>
            <div class="col-sm-6">
            <div class="ride-right-block">
              <div class="ride-hexa">
                <h2 class="main-heading">Ride Your Choice</h2>
            </div>
            <div class="clearfix"></div>
                <p class="ride-text">
                Our riding solutions drive you forward. So, see which one fits your choice and notify us of the same. A dedicated account will be set up in your name, and you can easily book our transport in the future.
                  </p>
                  </div>
            </div>
         </div>
    </div>
  </div> --}}

{{-- <div class="container pick-block">
	<div class="padding-wrap">
		<h2 class="main-heading">Pick & Drop</h2>
		<div class="row pick-details">
			<div class="col-sm-6">
				<img src="storage/images/home/pick.jpg" alt="Pick">
			</div>
				<div class="col-sm-6">
					<div class="ride-services-text">
						<h3 class="sub-heading">24/7 support & safe rides</h3>
						<p class="description">
						Rydeus has a team of chauffeurs backed by in-house support that is 24/7 in action for our passengers so they can safely reach their destination, even in a heavy rush.
						</p>
					</div>
				</div>
		</div>
	</div>
</div> --}}
{{-- <div class="service-ride-wrap career-wrap  padding-wrap">
		<div class="container">
			<div class="row">
				<div class="col-sm-6">
					<div class="ride-services-text">
						<h3 class="sub-heading">Careers</h3>
						<p>If you are looking for a career in the transportation world, then Rydeus is a platform that can give you a high-flying success. Our remuneration and benefits are wooing our employees. Now it is time for you to apply to the highlighted positions so to be a part of the fantastic team of ours.</p>
						<a href="{{ url('/') }}/apply/job/"><button class="primary-btn">Apply</button></a>
					</div>
				</div>
			<div class="col-sm-6">
				<div class="career-block">
					<ul>
						@php $Drivers = 'driver'; @endphp
						<li>
							<p><a href="{{ url('/') }}/apply/job/{{$Drivers}}">Driver</a></p>
						</li>
						@php $SupportAssistant = 'supportassistant'; @endphp
						<li>
							<p><a href="{{ url('/') }}/apply/job/{{$SupportAssistant}}">Support Assistant</a></p>
						</li>
						@php $Marketers = 'marketer'; @endphp
						<li>
							<p><a href="{{ url('/') }}/apply/job/{{$Marketers}}">Marketer</a></p>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div> --}}

@endsection