@extends('layouts.app')
@section('content')

    @include('includes.header')

    <section class="our-banner inner-banner aboutbanner text-left">
        <img src="{{asset("assets/images/contact-banner.jpg")}}" alt="">
        <div class="container">
            <div class="caption">
                <h1>Fostering successful <br> digital relationships </h1>
                <p>We love taking on exciting new projects for aspiring businesses and <br> growth-oriented clients. Get
                    in
                    touch with us today for a free strategic consultation!</p>
                <a href="javascript:" class="chat"><span>Lets Talk</span></a>
                <a href="javascript:" class="scroll-down" id="scroll-down"><img src="{{asset("assets/images/arrow-down-1.png")}}"
                                                                                alt=""></a>
            </div>
        </div>
    </section>

    @include('includes.logos')

    <section class="contact-us">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="contact-form" data-form-type="signup_form">
                        <form class="contact_form leadForm" method="post" enctype="multipart/form-data"
                              action="javascript:void(0)">
                        @csrf
                        <!--hidden required values-->
                            <input type="hidden" id="formType" name="formType">
                            <input type="hidden" id="referer" name="referer">

                            <input type="text" name="name" id="name" placeholder="Name" class=""
                                   aria-required="true">
                            <input type="text" name="email" id="em" placeholder="Email Address" class=" email"
                                   aria-required="true">
                            <input type="text" name="phone" id="pn" placeholder="Phone No." class=" number"
                                   aria-required="true">
                            <textarea name="customers_meta[description]" id="msg" class="required"
                                      placeholder="Your Message Goes Here"></textarea>
                            <input type="submit" name="submit" value="Submit" id="signupBtn">
                            <div id="formResult"></div>
                        </form>
                    </div>
                </div>
                <div class="col-md-6">

                    <h2>We would love to hear about your project and get the fire started!</h2>
                    <p>Technical support, business consultations or general inquiries
                        Our customer service teams are ready to serve you day in, day out, with 24/7 availability.
                    </p>
                    <div class="row contact-detail">
                        <div class="col">
                            <p><span>Head Office</span>
                                {{config('variables.SITE_ADDRESS')}}
                            </p>
                            <p><span>Regional Office</span>
                                3450 N. Triumph Blvd. Lehi UT 84043
                            </p>
                        </div>
                        <div class="col">
                            <p><span>Email Address</span>
                                <a href="mailto:{{config('variables.SITE_EMAIL')}}">{{config('variables.SITE_EMAIL')}}</a></p>
                        </div>
                    </div>
                    <h5>For immediate support, feel free to call us on</h5>
                    <a href="tel:{{config('variables.SITE_PHONE_NUMBER')}}"><h4>{{config('variables.SITE_PHONE_NUMBER')}}</h4></a>
                    <ul class="cr-social">
                        <li><a href="https://www.facebook.com/customdesigngenius" target="_blank"><i
                                    class="fab fa-facebook-f"></i></a></li>
                        <li><a href="javascript:;" ><i
                                    class="fab fa-twitter"></i></a>
                        </li>
                        <li><a href="https://www.instagram.com/customdesigngenius.us/" target="_blank"><i
                                    class="fab fa-instagram"></i></a></li>
                        <li><a href="javascript:;" ><i
                                    class="fab fa-pinterest"></i></a></li>
                        <li><a href="https://www.linkedin.com/company/custom-design-genius-official" target="_blank"><i
                                    class="fab fa-linkedin"></i></a></li>
                    </ul>

                </div>

                <div class="col-md-12">
                    <div class="map">
                        <!--         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2697.275836910786!2d-122.39940388518994!3d37.790506919028175!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808580630ca20983%3A0x62eb1862d4e93f38!2s50+Fremont+Center%2C+50+Fremont+St%2C+San+Francisco%2C+CA+94105%2C+USA!5e1!3m2!1sen!2s!4v1555048282525!5m2!1sen!2s" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe></div>
                         -->            </div>
                </div>
            </div>
        </div>
    </section>

@endsection