@extends('layouts.app')

@section('content')
    <main>

        <!-- page title area start  -->
        <section class="page-title-area" data-background="assets/img/bg/page-title-bg.jpg">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="page-title-wrapper">
                            <h1 class="page-title mb-10">contact us</h1>
                        </div>
                        <div class="breadcrumb-menu">
                            <nav aria-label="Breadcrumbs" class="breadcrumb-trail breadcrumbs">
                                <ul class="trail-items">
                                    <li class="trail-item trail-begin"><span><a href="{{url('/')}}">home</a></span></li>
                                    <li class="trail-item trail-end"><span>contact us</span></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- page title area end  -->



        <!-- contact area starts here -->
        <div class="pt-120 pb-70 glo-contact-area">
            <div class="container">
                <div class="row ">
                    <div class="col-xl-5 col-lg-5">
                        <div class="glo-contact-infobox mb-50">
                            <div class="intro-title-wrapper mb-50" data-reveal>
                                <div class="intro-subtitle">
                                    <span>Talk With Us</span>
                                </div>
                                <div class="intro-title">
                                    <h2>Ready for you <br> All Anytime. Call</h2>
                                </div>
                            </div>
                            <div class="glo-contact-infobox" data-reveal>

                                <div class="glo-contact-list">
                                    <div class="glo-contact-icon">
                                        <i class="fas fa-phone-alt"></i>
                                    </div>
                                    <div class="glo-contact-text">
                                        <span class="glo-contact-label">Phone Number</span>
                                        <h4 class="glo-contact-title"><a href="tel:99855146412">234 000 46412</a></h4>
                                    </div>
                                </div>

                                <div class="glo-contact-list">
                                    <div class="glo-contact-icon">
                                        <i class="fas fa-envelope"></i>
                                    </div>
                                    <div class="glo-contact-text">
                                        <span class="glo-contact-label">Email Address</span>
                                        <h4 class="glo-contact-title"><a href="mailto:info@bdevs-hotel.com">info@deniche.com.ng</a></h4>
                                    </div>
                                </div>

                                <div class="glo-contact-list">
                                    <div class="glo-contact-icon">
                                        <i class="fas fa-map-marker-alt"></i>
                                    </div>
                                    <div class="glo-contact-text">
                                        <span class="glo-contact-label">Hotel Location</span>
                                        <h4 class="glo-contact-title"><a href="#">4A Omofade Cres, Omole Phase 1, Lagos 101233, Lagos</a></h4>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-7">
                        <div class="glo-contact-form mb-50" data-reveal>
                            <form action="#">
                                <div class="row">
                                    <div class="col-xl-6 col-lg-6">
                                        <input type="text" placeholder="First Name">
                                    </div>
                                    <div class="col-xl-6 col-lg-6">
                                        <input type="text" placeholder="Last Name">
                                    </div>
                                    <div class="col-xl-6 col-lg-6">
                                        <input type="text" placeholder="Phone Number">
                                    </div>
                                    <div class="col-xl-6 col-lg-6">
                                        <input type="email" placeholder="Your Email">
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="contact__select mb-20">
                                            <select>
                                                <option value="0">Select</option>
                                                <option value="1">Payment</option>
                                                <option value="2">Information</option>
                                                <option value="3">Option</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-xl-12">
                                        <textarea placeholder="Send Message"></textarea>
                                        <button class="glo-btn-anim" type="submit"><span>Send Message</span></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- contact area ends here -->

    </main>
@endsection
