@extends('front.layout.app')
@section('content')

    <section class="main-slider aboutBanner p-0" id="mainSlider">
        <div class="swiper-container homeSlider">
            <!-- <div class="swiper-wrapper"> -->
            <div class="swiper-slide">
                <div class="slide-inner bg-image" data-background="{{asset('assets/images/aboutbg.jpg')}}">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="slideOne">
                                    <h1 data-swiper-parallax="-200">Contact</h1>
                                    <nav aria-label="breadcrumb">
                                        <ol class="breadcrumb">
                                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                                            <li class="breadcrumb-item active" aria-current="page">Contact</li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <section class="contactSection">
        <div class="container">
            <h1>We're So Excited To<br> Work With You!</h1>
            <h4>LET'S START MAKING MEMEORIES!</h4>
            <div class="row" style="margin-left: -194px;
    margin-right: -198px;">

                <div class="col-md-3">
                    <div class="locationBox">
                        <div class="mapIcon">
                            <a href="#"><i class="fas fa-map-marked-alt"></i></a>
                        </div>
                        <div class="mapCntnt">
                            <h2>Address</h2>
                            <p>Lorem Ipsum 123 Street Usa</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="locationBox">
                        <div class="mapIcon">
                            <a href="#"><i class="fas fa-mailbox"></i></a>
                        </div>
                        <div class="mapCntnt">
                            <h2>Email</h2>
                            <p>cheryl@avanttravel.net</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="locationBox">
                        <div class="mapIcon">
                            <a href="#"><i class="fas fa-address-card"></i></a>
                        </div>
                        <div class="mapCntnt">
                            <h2>Contact</h2>
                            <p>Mobile: <a href="tel:502-387-4211">502-387-4211</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="locationBox">
                        <div class="mapIcon">
                            <a href="#"><i class="fas fa-clock"></i></a>
                        </div>
                        <div class="mapCntnt">
                            <h2>Office Hour</h2>
                            <p>Monday - Friday: 8:30 - 20:00</p>
                            <p>Saturday & Sunday: 9:30 - 21:30</p>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <div class="abtfigurewrap">
                <figure style="margin: -31px">
                    <img src="{{asset('assets/images/Virtuoso.png')}}" class="img-fluid" alt="">
                    <img src="{{asset('assets/images/cher.png')}}" class="img-fluid" alt="">
                    <img src="{{asset('assets/images/av.png')}}" class="img-fluid" alt="">
                </figure>
            </div>
        </div>
    </section>

    <section class="contactForm">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-10" data-aos="fade-up">
                    <div class="discntnt">
                        <h3 class="subHead">Contact Us</h3>
                        <h2 class="mainHead">Let's Plan Your Next Adventure Together</h2>
                        <h6>We're here to help you plan unforgettable travel experiences!</h6>
                        <p>
                            Whether you have a specific destination or are simply dreaming of your next adventure,<br> we’re ready to guide you every step of the way.
                            Contact us today for a free consultation.<br> We will discuss your travel preferences, answer your questions,<br> and create a personalized itinerary.
                        </p>
                    </div>
                    <div class="formInfo">
                        <div class="row">
                            <div class="col-md-6">
                                <input type="text" placeholder="Enter Your First Name">
                            </div>
                            <div class="col-md-6">
                                <input type="text" placeholder="Enter Your Last Name">
                            </div>
                            <div class="col-md-6">
                                <input type="email" placeholder="Your Email">
                            </div>
                            <div class="col-md-6">
                                <input type="tel" placeholder="Phone No">
                            </div>
                            <div class="col-md-12">
                                <textarea placeholder="Write Your Comment" rows="5"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="contactAnchor">
                        <a href="#" class="themeBtn">SEND MESSAGE</a>
                    </div>
                </div>
            </div>

        </div>
    </section>



@endsection