@extends('website.layouts.web')
@section('content')
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <!-- Begin: Main Slider -->
    <div class="mainSlider innerBan">
        <img src="{{asset('website/images/banner11.jpg')}}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2 class="slideOne">Our Services</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="our-service">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6" data-aos="fade-right">
                    <figure>
                        <img src="{{asset('website/images/ser11.jpg')}}" alt="img" class="img-fluid">
                    </figure>

                </div>
                <div class="col-md-6" data-aos="fade-left">
                    <h2>Airport Shuttle</h2>
                    <p>We provide door to door pick up and drop off transportation to four major airports
                        servicing our
                        area: Atlanta, Chattanooga, Knoxville, and Asheville.</p>
                </div>
            </div>
            <div class="row align-items-center">

                <div class="col-md-6" data-aos="fade-left">
                    <h2>Harrah’s Casino Shuttle</h2>
                    <p>Harrah’s Cherokee River Valley Casino in Murphy, North Carolina to/from Harrah’s Cherokee
                        Casino Resort in Cherokee, North Carolina.</p>
                </div>
                <div class="col-md-6" data-aos="fade-right">
                    <figure>
                        <img src="{{asset('website/images/serv3.webp')}}" alt="img" class="img-fluid">
                    </figure>

                </div>

            </div>
            <div class="row align-items-center">

                <div class="col-md-6" data-aos="fade-left">
                    <figure>
                        <img src="{{asset('website/images/ser12.jpg')}}" alt="img" class="img-fluid">
                    </figure>

                </div>
                <div class="col-md-6" data-aos="fade-right">
                    <h2>Special Events and Point to Point Travel</h2>
                </div>
            </div>
            <div class="row align-items-center">
            <div class="col-md-6" data-aos="fade-left">
                    <h2>Wine Tours</h2>
                </div>

                <div class="col-md-6" data-aos="fade-right">
                    <figure>
                        <img src="{{asset('website/images/123.jpg')}}" alt="img" class="img-fluid">
                    </figure>
                </div>
            </div>
        </div>
    </section>
@endsection