@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">Contact Us</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="cmpnySec contactPage">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-md-12">
                    <div class="row  justify-content-between">
                        <div class="col-lg-3 col-md-3">
                            <div class="calUs" data-aos="fade-right">
                                <span><img src="{{asset('website/images/conphone.webp')}}" alt="" class="img-fluid"></span>
                                <h2>Phone</h2>
                                <a href="tel:+8283603273">8.8360.3273</a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 text-center">
                            <div class="calUs" data-aos="fade-up">
                                <span><img src="{{asset('website/images/conlocation.webp')}}" alt="" class="img-fluid"></span>
                                <h2>Address</h2>
                                <p>Andrews, North Carolina.</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-4">
                            <div class="calUs" data-aos="fade-down">
                                <span><img src="{{asset('website/images/conemail.webp')}}" alt="" class="img-fluid"></span>
                                <h2>Email</h2>
                                <a href="mailto:support@aotshuttleservice.com">support@aotshuttleservice.com</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row justify-content-center align-items-center mt-5">
                <div class="col-md-12">
                        <h2 class="cntctHead" data-aos="fade-up">Contact Us</h2>
                    <form action="" class="cntctForm" data-aos="fade-right">
                        <div class="row">
                            <div class="col-md-4">
                                <span>
                                    <input type="text" placeholder="First Name * ">
                                </span>
                            </div>
                            <div class="col-md-4">
                                <span>
                                    <input type="text" placeholder="Last Name *">
                                </span>
                            </div>
                            <div class="col-md-4">
                                <span>
                                    <input type="text" placeholder="Email *">
                                </span>
                            </div>

                            <div class="col-md-12 mt-3">
                            <span>
                                <label for=""></label>
                                <textarea placeholder="Messages *"></textarea>
                            </span>
                            <div class="col-md-12 text-center">
                                <button class="themeBtn">Contact Us</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <section class="map inner-map" data-aos="fade-left">
        <div class="container">

            <div class="row justify-content-center">
                <div class="col-md-10">
                    <div class="map-wap">
                    <h2>Areas We Service</h2>
                        <img src="{{asset('website/images/map.png')}}" class="w-100" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection