@extends('public.layouts.default')

@section('title')
| Landing Page
@endsection

@section('content')
{{-- @php
  if($Settings != null){
      $firstDiscount = round($Settings->first_ride_discount);
  }
  else{
      $firstDiscount = 0;
  }

  $latLong = Helper::getLatLongFromStates($landingPages->state);
  $lat = $latLong['lat'];
  $long = $latLong['long'];
@endphp --}}

{{-- <div class="hero-block-style text-center landing-hero-wrap bottom-spacing">
        <h1 class="main-heading">{{$landingPages->state}}</h1>

</div>
<div class="container bottom-spacing">
	<div id="map" style="height:500px; width: 100%;"></div>
</div> --}}
{{-- <div class="container landing-description">
        <div class="bottom-spacing">
          <h2 class="main-heading">{{$landingPages->state}}</h2>
<p>{!! html_entity_decode($landingPages->content) !!}</p>
<p>{{$landingPages->description}}</p>
</div>
<div class="bottom-spacing">
	<h2 class="main-heading">How we partner with cities</h2>
	<p>{!! html_entity_decode($landingPages->content) !!}</p>
</div>
</div> --}}
{{-- <div class="hero-wrap text-center">
            <h1 class="main-heading">{{$landingPages->state}} Airport Taxi & Airport Limo Service.</h1>
@if($firstDiscount != 0)
<h3>Get ${{$firstDiscount}} off on Your First Ride</h3>
@endif
@include('public.pages.reservation._location_detail',['from'=>'home'])
</div> --}}
{{-- <div class="hero-wrap">
		<div class="container">
			<div class="row">
				<div class="col-sm-7">
					<div class="hero_txt">
						<h1>{{$landingPages->state}} Airport Taxi & Airport Limo Service.</h1>
</div>
</div>
<div class="col-sm-5">
	<div class="hero_form">
		@include('public.pages.reservation._location_detail',['from'=>'home'])
	</div>
</div>
</div>
</div>
</div> --}}

{{-- <div class="landing_page-section">
		<div class="container">
			<div class="padding-wrap">
			<div class="bottom-spacing">
				<div class="row">
				<div class="col-md-6">
			<img src="{{ asset('storage/images/landing/'.$landingPages['image_1']) }}" class="featured-img" alt="featured-img"/>
</div>
<div class="col-md-6">
	<h2 class="sub-heading">{{$landingPages->title_1}}</h2>
	<p>{!! html_entity_decode($landingPages->content_1) !!}</p>
</div>
</div>
</div>
<div class="bottom-spacing">
	<div class="row">
		<div class="col-md-6 section_r">
			<img src="{{ asset('storage/images/landing/'.$landingPages['image_2']) }}" class="featured-img" alt="featured-img" />
		</div>
		<div class="col-md-6 section_l">
			<h2 class="sub-heading">{{$landingPages->title_2}}</h2>
			<p>{!! html_entity_decode($landingPages->content_2) !!}</p>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-6">
		<img src="{{ asset('storage/images/landing/'.$landingPages['image_3']) }}" class="featured-img" alt="featured-img" />
	</div>
	<div class="col-md-6">
		<h2 class="sub-heading">{{$landingPages->title_3}}</h2>
		<p>{!! html_entity_decode($landingPages->content_3) !!}</p>
	</div>
</div>
</div>
</div>
</div> --}}

<div class="hero-block-style hr-padding">
	@if(isset($landingPages->banner_image))
	<div class="banner-bg hr-banner" style="background-image: url('{{ asset('storage/images/landing/'.$landingPages['banner_image']) }}');">
    @else
	<div class="banner-bg hr-banner" style="background-image: url('{{ asset('storage/images/area-pages-banner.jpg') }}');">
	@endif
		<div class="container">
			<div class="cityname">
				{{-- <div class="cityname-heading">{!! html_entity_decode($landingPages->title) !!}</div> --}}
				<h1 class="main-heading hr-head">{!! html_entity_decode($landingPages->title) !!}</h1>
				<div class="city-description">{!! html_entity_decode($landingPages->description) !!}</div>
			</div>
		</div>
	</div>
	<div class="calc container">
		<div class="booking_form">
			@include('public.pages.reservation._location_detail',['from'=>'home'])
		</div>
	</div>
</div>	
@include('public.includes.breadcrumb')
{{-- <div class="hiring-wrap landing_page-section padding-wrap">
		<div class="container">
			<div class="hiring_boxes">
				<div class="hiring_box">
					<div class="row">
						<div class="col-sm-6">
							<div class="hiring_wrap">
								<img width="647" height="364" src="{{ asset('storage/images/landing/'.$landingPages['image_1']) }}" class="featured-img" alt="featured-img"/>
</div>
</div>
<div class="col-sm-6">
	<div class="hiring_text">
		<h2 class="sub-heading">{{$landingPages->title_1}}</h2>
		<p>{!! html_entity_decode($landingPages->content_1) !!}</p>
	</div>
</div>
</div>
</div>
<div class="hiring_box">
	<div class="row">
		<div class="col-sm-6">
			<div class="hiring_wrap">
				<img width="647" height="364" src="{{ asset('storage/images/landing/'.$landingPages['image_2']) }}" class="featured-img" alt="featured-img" />
			</div>
		</div>
		<div class="col-sm-6">
			<div class="hiring_text">
				<h2 class="sub-heading">{{$landingPages->title_2}}</h2>
				<p>{!! html_entity_decode($landingPages->content_2) !!}</p>
			</div>
		</div>
	</div>
</div>
@if($landingPages['image_3'] && $landingPages->title_3 && $landingPages->content_3)
<div class="hiring_box">
	<div class="row">
		<div class="col-sm-6">
			<div class="hiring_wrap">
				<img width="647" height="364" src="{{ asset('storage/images/landing/'.$landingPages['image_3']) }}" class="featured-img" alt="featured-img" />
			</div>
		</div>
		<div class="col-sm-6">
			<div class="hiring_text">
				<h2 class="sub-heading">{{$landingPages->title_3}}</h2>
				<p>{!! html_entity_decode($landingPages->content_3) !!}</p>
			</div>
		</div>
	</div>
</div>
@endif
</div>
</div>
</div> --}}

<div class="area-service-main">
	<div class="container">
		<div class="wrapper">
			<div class="area-service-description">
				<h2>{{$landingPages->title_1}}</h2>
				<p>{!! html_entity_decode($landingPages->content_1) !!}</p>
			</div>
		</div>
	</div>
</div>

<div class="what-we-offer padding-wrap">
	<div class="container">
		<div class="main_title">
			<h2>Our Services Include</h2>
		</div>
		<div class="row">
			<div class="col-md-3">
				<div class="choose-listing">
					<div class="choose_list_img"><img width="72" height="88" src="{{ asset("storage/images/cost-effective-packages.png") }}" alt="Cost-Effective Packages"></div>
					<h3 class="sub-title">Cost-Effective Packages</h3>
				</div>
			</div>
			<div class="col-md-3">
				<div class="choose-listing">
					<div class="choose_list_img"><img width="62" height="86" src="{{ asset("storage/images/professional-chauffeurs.png") }}" alt="Professional Chauffeurs"></div>
					<h3 class="sub-title">Professional Chauffeurs</h3>
				</div>
			</div>
			<div class="col-md-3">
				<div class="choose-listing">
					<div class="choose_list_img"><img width="87" height="87" src="{{ asset("storage/images/numerous-amenities.png") }}" alt="Numerous Amenities"></div>
					<h3 class="sub-title">Numerous <br>Amenities</h3>
				</div>
			</div>
			<div class="col-md-3">
				<div class="choose-listing">
					<div class="choose_list_img"><img width="87" height="87" src="{{ asset("storage/images/seamless-booking.png") }}" alt="Seamless Booking"></div>
					<h3 class="sub-title">Seamless <br>Booking</h3>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="airport-journey">
	<div class="container">
		<div class="how-ride">
			<div class="how-ride-content">
				<h2>{{$landingPages->title_2}}</h2>
				{!! html_entity_decode($landingPages->content_2) !!}
			</div>
			<div class="how-ride-img">
				<div class="img-wrappper">
					@if(isset($landingPages->image_2))
					<img src="{{ asset('storage/images/landing/'.$landingPages['image_2']) }}" alt="{{$landingPages->image_2_alt}}" />
					@else
					<img src="{{ asset('storage/images/how-ride-img.jpg') }}" alt="{{$landingPages->title_2}}">
					@endif
				</div>
			</div>
			{{-- <div class="how-ride-img">
				<div class="img-wrappper">
				</div>
			</div> --}}
		</div>
	</div>
</div>

	{{--<div class="container">
		<div class="why-choose-wrap padding-wrap">
			<h2 class="main-heading">Why Choose us</h2>
			<div class="row">
				<div class="col-md-4">
					<div class="choose-listing text-center">
						<div class="hexagon-img">
							<div class="img-text-box-main">
								<div class="img-box img-box-1"></div>
							</div>
						</div>
						<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">
						<div class="hexagon-img">
							<div class="img-text-box-main">
								<div class="img-box img-box-2"></div>
							</div>
						</div>
						<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">
						<div class="hexagon-img">
							<div class="img-text-box-main">
								<div class="img-box img-box-3"></div>
							</div>
						</div>
						<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>
		</div>
	</div>--}}

{{-- <div class="subscribe-wrap padding-wrap">
		<div class="container">
			<h2 class="main-heading">Join the Community of Over 50K Users</h2>
			<div class="text-center">
				@include('public.pages.home._subscribe_newsletter',['from'=>'home'])
			</div>
		</div>
	</div> --}}


{{--<div class="testimonials-section padding-wrap">
	<div class="container">
		<h2 class="main-heading">Testimonials</h2>
		<div class="testimonials-slider">
			<div class="owl-carousel owl-theme">
				@foreach($testimonials as $testimonial)
				<div class="item">
					<p>“ {{$testimonial->comment}}”</p>
					<p class="autor-test">{{$testimonial->name}} -</p>
				</div>
				@endforeach
			</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 {{$landingPages->state}}.</p>
			</div>
			@include('public.pages.includes.fleets')
			{{-- <div class="main_title">
				<h2>Our Fleet</h2>
				<p>Choose the perfect Pearson airport limo for your next journey from our fleet collection and witness a first-class travel experience.</p>
			</div>
			<div class="fleet_wrap">
				<div class="row">
					<div class="col-lg-4 col-sm-6">
						<div class="fleet_box">
							<div class="fleet_box_img">
								<img width="443" height="304" src="{{ asset('storage/images/2020-Tesla-Model-Y-Dual-Motor-Long-Range-30.png') }}" alt="Fleet">
							</div>
							<div class="fleet_box_txt">
								<div class="fleet_box_txt_left">
									<h4>Tesla Y</h4>
									<p>Model : 2023  (Black)</p>
									<p>Class : Luxury Business Class</p>
								</div>
								<div class="fleet_box_txt_right">
									<ul>
										<li><img width="27" height="23" src="{{ asset('storage/images/fleet-persons.png') }}" alt="Persons">x3</li>
										<li><img width="17" height="25" src="{{ asset('storage/images/fleet-luggage.png') }}" alt="Persons">x4</li>
									</ul>
									<a href="#">More Details</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-sm-6">
						<div class="fleet_box">
							<div class="fleet_box_img">
								<img width="443" height="304" src="{{ asset('storage/images/Lincoln-Continental-01.png') }}" alt="Fleet">
							</div>
							<div class="fleet_box_txt">
								<div class="fleet_box_txt_left">
									<h4>Lincoln Continental</h4>
									<p>Model : 2023  (Black)</p>
									<p>Class : Luxury Business Class</p>
								</div>
								<div class="fleet_box_txt_right">
									<ul>
										<li><img width="27" height="23" src="{{ asset('storage/images/fleet-persons.png') }}" alt="Persons">x4</li>
										<li><img width="17" height="25" src="{{ asset('storage/images/fleet-luggage.png') }}" alt="Persons">x4</li>
									</ul>
									<a href="#">More Details</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-sm-6">
						<div class="fleet_box">
							<div class="fleet_box_img">
								<img width="443" height="304" src="{{ asset('storage/images/2023_cadillac_escalade.png') }}" alt="Fleet">
							</div>
							<div class="fleet_box_txt">
								<div class="fleet_box_txt_left">
									<h4>Cadillac Escalade</h4>
									<p>Model : 2023  (Black)</p>
									<p>Class : Luxury Business Class</p>
								</div>
								<div class="fleet_box_txt_right">
									<ul>
										<li><img width="27" height="23" src="{{ asset('storage/images/fleet-persons.png') }}" alt="Persons">x6</li>
										<li><img width="17" height="25" src="{{ asset('storage/images/fleet-luggage.png') }}" alt="Persons">x5</li>
									</ul>
									<a href="#">More Details</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-sm-6">
						<div class="fleet_box">
							<div class="fleet_box_img">
								<img width="443" height="304" src="{{ asset('storage/images/2021-chevrolet.png') }}" alt="Fleet">
							</div>
							<div class="fleet_box_txt">
								<div class="fleet_box_txt_left">
									<h4>Chevrolet Suburban</h4>
									<p>Model : 2023  (Black)</p>
									<p>Class : Luxury Business Class</p>
								</div>
								<div class="fleet_box_txt_right">
									<ul>
										<li><img width="27" height="23" src="{{ asset('storage/images/fleet-persons.png') }}" alt="Persons">x3</li>
										<li><img width="17" height="25" src="{{ asset('storage/images/fleet-luggage.png') }}" alt="Persons">x4</li>
									</ul>
									<a href="#">More Details</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-sm-6">
						<div class="fleet_box">
							<div class="fleet_box_img">
								<img width="443" height="304" src="{{ asset('storage/images/2021-Genesis.png') }}" alt="Fleet">
							</div>
							<div class="fleet_box_txt">
								<div class="fleet_box_txt_left">
									<h4>Genesis G80</h4>
									<p>Model : 2023  (Black)</p>
									<p>Class : Luxury Business Class</p>
								</div>
								<div class="fleet_box_txt_right">
									<ul>
										<li><img width="27" height="23" src="{{ asset('storage/images/fleet-persons.png') }}" alt="Persons">x4</li>
										<li><img width="17" height="25" src="{{ asset('storage/images/fleet-luggage.png') }}" alt="Persons">x4</li>
									</ul>
									<a href="#">More Details</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-sm-6">
						<div class="fleet_box">
							<div class="fleet_box_img">
								<img width="443" height="304" src="{{ asset('storage/images/mercedes-s-class.png') }}" alt="Fleet">
							</div>
							<div class="fleet_box_txt">
								<div class="fleet_box_txt_left">
									<h4>Mercedes S Class</h4>
									<p>Model : 2023  (Black)</p>
									<p>Class : Luxury Business Class</p>
								</div>
								<div class="fleet_box_txt_right">
									<ul>
										<li><img width="27" height="23" src="{{ asset('storage/images/fleet-persons.png') }}" alt="Persons">x6</li>
										<li><img width="17" height="25" src="{{ asset('storage/images/fleet-luggage.png') }}" alt="Persons">x5</li>
									</ul>
									<a href="#">More Details</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="book_cta">
				<p>Call Us For Prices! <a class="book_cta_call" href="tel:(905) 495 5954">(905) 495 5954</a> <span>or</span> Book Your Ride Online <a class="primary-main_btn" href="/online-booking/">Book a Ride</a></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="testimonials-section padding-wrap">
		<div class="container">
			<div class="main_title">
				<h2>Delighted Clients & Their Reviews</h2>
			</div>
			<div class="testimonial_review_img">
				<img width="742" height="106" src="{{ asset('storage/images/testimonial-reviews.png') }}" alt="Delighted Clients & Their Reviews">
			</div>
			{{-- <div class="testimonial_wrap">
					<div class="row">
						<div class="col-md-4">
							<div class="testimonial_txt">
								<p>"I can't say enough good things about Rydeus’s airport limo service. The online booking process was simple and convenient, and the driver arrived right on time. The vehicle was clean and well-maintained. It was a smooth and hassle-free experience from start to finish!-</p>
								<p><strong>- JOE</strong></p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="testimonial_txt">
								<p>"I've used several airport limo services in the past, but none compare to this company. Their attention to detail and commitment to customer satisfaction truly set them apart. The driver was friendly and professional. I will definitely be using their services again in the future."</p>
								<p><strong>- AMELIA</strong></p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="testimonial_txt">
								<p>"Choosing Rydeus was a wise decision for my recent trip. The transparent pricing they offer and the absence of hidden fees made budgeting easy. It's refreshing to find a transportation service like Rydeus has to offer that prioritizes honesty and integrity and satisfies their clients."</p>
								<p><strong>- Nick</strong></p>
							</div>
						</div>
					</div>
				</div> --}}
			<div class="testimonials-slider">
				<div class="owl-carousel owl-theme">
					@foreach($testimonials as $testimonial)
					<div class="testimonial_txt">
						<p>"{{$testimonial->comment}}"</p>
						<p><strong>- {{$testimonial->name}}</strong></p>
					</div>
					@endforeach
				</div>
			</div>
		</div>
	</div>

	<div class="services_book_ride">
		<div class="container">
			<div class="wrapper">
				<h2>Book Your Limo Now</h2>
				<p class="call-us">Book your airport limo in {{$landingPages->state}} for an unmatched travel experience</p>
				<div class="book_ride_fare_clac">
					<div class="book_ride_img">
						<figure>
							<img width="" height="" src="{{ asset('storage/images/book-a-ride.jpg') }}" alt="Book A Ride" />
						</figure>
					</div>
					<div class="services_fare_calc">
						<div class="card">
							<div class="booking_form">
								@include('public.pages.reservation._location_detail_landing_page',['from'=>'home'])
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

@endsection