@extends('layouts.layout')
@section('content')
    <section class="parallax-section single-par" data-scrollax-parent="true">
        <div class="bg par-elem " data-bg="images/bg/1.jpg" data-scrollax="properties: { translateY: '30%' }"></div>
        <div class="overlay op7"></div>
        <div class="container">
            <div class="section-title center-align big-title">
                <h2><span>Get in Touch</span></h2>
                <span class="section-separator"></span>
                <div class="breadcrumbs fl-wrap"><a href="{{ route('home.index') }}">Home</a><span>Get in Touch</span>
                </div>
            </div>
        </div>
        <div class="header-sec-link">
            <a href="#sec1" class="custom-scroll-link"><i class="fal fa-angle-double-down"></i></a>
        </div>
    </section>

    <section id="sec1" data-scrollax-parent="true">
        <div class="container">
            <!--about-wrap -->
            <div class="about-wrap">
                <div class="row">
                    <div class="col-md-4">
                        <div class="ab_text-title fl-wrap">
                            <h3>Get in Touch</h3>
                            <span class="section-separator fl-sec-sep"></span>
                        </div>
                        <!--box-widget-item -->
                        <div class="box-widget-item fl-wrap block_box ">
                            <div class="box-widget">
                                <div class="box-widget-content bwc-nopad p-0">
                                    <div class="ab_text-title">
                                        <img class="img-fluid lazy" src="{{ asset('assets/images/branch-london.webp') }}"
                                            alt="Londonist | London Branch">
                                        <h3 class="p-2 text-center">Londonist HQ</h3>
                                    </div>
                                    <div class="list-author-widget-contacts list-item-widget-contacts bwc-padside">
                                        <ul class="no-list-style">
                                            <li><span><i class="fal fa-map-marker"></i> Adress :</span> <a href="#singleMap"
                                                    class="custom-scroll-link">5 Great James Street Holborn, WC1N 3DB
                                                    <br>London / United Kingdom</a></li>
                                            <li><span><i class="fal fa-phone"></i> Phone :</span> <a
                                                    href="tel:+44 20 7287 1912">+44 20 7287 1912</a></li>
                                            <li><span><i class="fal fa-envelope"></i> Mail :</span> <a
                                                    href="mailto:book@londonist.co.uk">book@londonist.co.uk</a></li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!--box-widget-item end -->

                        <!--box-widget-item -->
                        <div class="box-widget-item fl-wrap block_box">
                            <div class="box-widget">
                                <div class="box-widget-content bwc-nopad">
                                    <div class="ab_text-title">
                                        <img class="img-fluid lazy" src="{{ asset('assets/images/branch-istanbul.webp') }}"
                                            alt="Londonist | Istanbul Branch">
                                        <h3 class="p-2 text-center">Istanbul</h3>
                                    </div>
                                    <div class="list-author-widget-contacts list-item-widget-contacts bwc-padside">
                                        <ul class="no-list-style">
                                            <li><span><i class="fal fa-map-marker"></i> Adress :</span> <a href="#singleMap"
                                                    class="custom-scroll-link">Fulya Mah. Büyükdere Cad. Torun Center A Blok
                                                    No: 74A İç Kapı No: 132 <br>Şişli Istanbul / Türkiye</a></li>
                                            <li><span><i class="fal fa-phone"></i> Phone :</span> <a
                                                    href="tel:+90 212 705 63 69">+90 212 705 63 69</a></li>
                                            <li><span><i class="fal fa-envelope"></i> Mail :</span> <a
                                                    href="mailto:turkiye@londonist.co.uk">turkiye@londonist.co.uk</a></li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!--box-widget-item end -->

                        <!--box-widget-item -->
                        <div class="box-widget-item fl-wrap block_box">
                            <div class="box-widget">
                                <div class="box-widget-content bwc-nopad">
                                    <div class="ab_text-title">
                                        <img src="{{ asset('assets/images/branch-china.webp') }}"
                                            alt="Londonist | China Branch">
                                        <h3 class="p-2 text-center">China</h3>
                                    </div>
                                    <div class="list-author-widget-contacts list-item-widget-contacts bwc-padside">
                                        <ul class="no-list-style">
                                            <li><span><i class="fal fa-map-marker"></i> Adress :</span> <a href="#singleMap"
                                                    class="custom-scroll-link">9/F, Lifeng Skyline Tower, No. 99 Tianmu West
                                                    Road, Shanghai, China, 200070 <br> Shanghai / China</a></li>
                                            <li><span><i class="fal fa-phone"></i> Phone :</span> <a
                                                    href="tel:+8615921892390">+8615921892390</a></li>
                                            <li><span><i class="fal fa-envelope"></i> Mail :</span> <a
                                                    href="mailto:asia@londonist.co.uk">asia@londonist.co.uk</a></li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!--box-widget-item end -->

                    </div>
                    <div class="col-md-8 sticky-top" style="position: sticky; top: 100;">
                        <div class="ab_text sticky-md-top">
                            <div class="ab_text-title fl-wrap">
                                <h3>Drop us a line</h3>
                                <span class="section-separator fl-sec-sep"></span>
                            </div>
                            <p></p>
                            <div id="contact-form">
                                <div id="message"></div>
                                <form class="custom-form" action="php/contact.php" name="contactform" id="contactform">
                                    <fieldset>
                                        <label><i class="fal fa-user"></i></label>
                                        <input type="text" name="name" id="name" placeholder="Your Name *"
                                            value="" />
                                        <div class="clearfix"></div>
                                        <label><i class="fal fa-envelope"></i> </label>
                                        <input type="text" name="email" id="email" placeholder="Email Address*"
                                            value="" />
                                        <label><i class="fal fa-phone"></i> </label>
                                        <input type="text" name="phone" id="phone" placeholder="Phone Number*"
                                            value="" />
                                        <textarea name="comments" id="comments" cols="40" rows="3" placeholder="Your Message:"></textarea>
                                        <ul class="fl-wrap filter-tags no-list-style ds-tg p-0 pt-3 m-0">
                                            <li>
                                                <input id="check-aaa5" type="checkbox" name="check" checked="">
                                                <label for="check-aaa5">I consent to the processing of products and
                                                    services for the purposes of personalization and advice.</label>
                                            </li>
                                        </ul>
                                    </fieldset>
                                    <button class="btn float-btn color2-bg" id="submit">Send Message<i
                                            class="fal fa-paper-plane"></i></button>
                                </form>
                            </div>
                            <!-- contact form  end-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- about-wrap end  -->
        </div>
    </section>
    <section class="no-padding-section">
        <div class="map-container">
            <div id="singleMap" data-latitude="40.7427837" data-longitude="-73.11445617675781"
                data-mapTitle="Our Location">
            </div>
        </div>
    </section>
@endsection