@section('custom-scripts')
    <script>
        $(function() {
            var overlay = $('<div id="overlay" aria-modal="true" role="dialog"></div>');

            const COOKIE_DOMAIN = '{{ config('session.domain') ?? request()->getHost() }}';

            function setCookie(name, value, expirationInDays) {
                const date = new Date();
                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
                document.cookie = name + '=' + value +
                    ';expires=' + date.toUTCString() +
                    ';domain=' + COOKIE_DOMAIN +
                    ';path=/{{ config('session.secure') ? ';secure' : null }}' +
                    '{{ config('session.same_site') ? ';samesite=' . config('session.same_site') : null }}';
            }

            function cookieExists(name) {
                return (document.cookie.split('; ').indexOf(name + '=' + '1') !== -1);
            }

            if (!cookieExists('age_consent')) {
                overlay.show();
                overlay.appendTo(document.body);
                $('.popup-onload').show();
                $('.close-pop').click(function() {
                    $('.popup-onload').hide();
                    overlay.appendTo(document.body).remove();
                    setCookie('age_consent', 1, 1);
                    return false;
                });

                $('.x').click(function() {
                    alert("ok");
                    $('.popup').hide();
                    overlay.appendTo(document.body).remove();
                    return false;
                });
            }

            $(".btn-find-now").click(function() {
                gotoRetailers();
            });

            $(".input-find-now").keypress(function() {
                var keycode = (event.keyCode ? event.keyCode : event.which);
                if (keycode == '13') {
                    gotoRetailers();
                }
            });

            function gotoRetailers() {
                window.location.href = "{{ route('retailer-inner') }}?q=" + $(".input-find-now").val();
            }
        });
    </script>
@endsection
<x-app-layout>
    <!-- WHO WE ARE -->
    <section class="who-we-are parallax-bg padding-top-150 padding-bottom-100">
        <div class="container">
            <div class="row padding-bottom-150">

                <!-- Content Start -->
                <div class="col-md-7 text-center">

                    <!-- Heading Block -->
                    <div class="heading-block text-center content-center margin-bottom-50" aria-label="heading" role="main">
                        <h6 class="wow animate fadeInRight " data-wow-delay="0.6s">La palina</h6>
                        <hr class="wow animate fadeInLeft" data-wow-delay="0.6s">
                        <h1 class="wow animate fadeInUp" data-wow-delay="0.6s">About Us</h1>
                    </div>

                    <!-- Text -->
                    <!--<p class="wow animate fadeInUp" data-wow-delay="0.4s">We are a small team of talented designer & developer lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipet. </p>-->
                    <a href="{{ route('about') }}" class="btn btn-dark margin-top-50 wow animate fadeInUp"
                        data-wow-delay="0.4s">READ MORE</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Portfolio -->
    <section class="portfolio port-item-up padding-bottom-100">
        <div class="portfolio-in">
            <div class="container">

                <!-- Item Start -->
                <div id="js-grid-awesome-work" class="col-2">
                    <!-- Item -->
                    <div class="cbp-item wow animate fadeInUp" data-wow-delay="0.4s">
                        <div class="port-item">
                            <!-- article img -->
                            <article><img src="images/portfolio/img-1.jpg" alt="Lapalina Cigar"></article>
                        </div>
                    </div>

                    <!-- Item -->
                    <div class="cbp-item wow animate fadeInUp" data-wow-delay="0.6s">
                        <!-- Heading Block -->
                        <div class="heading-block content-center text-center mb-20 margin-top-60  padding-top-150 wow animate fadeInRight"
                            data-wow-delay="0.6s" aria-label="heading" role="main">
                            <h6 class="margin-bottom-20 f-white"> our</h6>
                            <hr class="wow animate fadeInLeft white-bg" data-wow-delay="0.4s">

                            <h2 class="wow animate fadeInRight">Products</h2>

                        </div>

                        <!-- Item -->
                        <div class="port-item margin-right-150">
                            <!-- article img -->
                            <article> <img src="images/portfolio/img-2.jpg" alt="Lapalina Cigar"></article>
                        </div>
                    </div>

                    <!-- Item -->
                    <div class="cbp-item wow animate fadeInUp" data-wow-delay="0.4s">
                        <div class="port-item">
                            <!-- article img -->
                            <article> <img src="images/portfolio/img-5.jpg" alt="Lapalina Cigar"></article>
                        </div>
                    </div>

                    <!-- Item -->
                    <div class="cbp-item wow animate fadeInUp" data-wow-delay="0.4s">
                        <div class="port-item margin-left-150">
                            <!-- article img -->
                            <article> <img src="images/portfolio/img-3.jpg" alt="Lapalina Cigar"></article>
                        </div>
                    </div>

                    <!-- Item -->
                    <div class="cbp-item wow animate fadeInUp" data-wow-delay="0.4s">
                        <div class="port-item">
                            <!-- article img -->
                            <article> <img src="images/portfolio/img-4.jpg" alt="Lapalina Cigar"></article>
                        </div>
                    </div>
                </div>

                <!-- LOAD MORE -->
                <div class="text-center margin-top-100 margin-bottom-100 wow animate fadeInUp" data-wow-delay="0.4s">
                    <div> <a href="{{ route('product') }}" class="cbp-l-loadMore-link btn "> <span
                                class="cbp-l-loadMore-defaultText">View full product list</span> </a> </div>
                </div>
            </div>
        </div>
    </section>

    <!-- OUR STORIES -->
    <section class="product-img1 home-retailer">
        <div class="container">
            <div class="row">


                <div class="product-content location text-center">

                    <div class="heading-block margin-bottom-50" aria-label="heading" role="main">

                        <h2 class="wow animate fadeInUp compress-font " data-wow-delay="0.4s"><span
                                style="color: #000;">FIND near ME</h2>
                        <i class="ion-location wow animate fadeInUp" data-wow-delay="0.6s"></i>
                        <p class="wow animate fadeInUp" style="color: #000;" data-wow-delay="0.8s">Use our store locator
                            to find what's available <br> at a retailer or restaurant/bar near you </p>
                    </div>


                    <div class="form-group mt-0 has-feedback wow animate fadeInUp" data-wow-delay="1s">
                        <input aria-label="input field" type="text" class="form-control input-find-now" id="inputValidation"
                            placeholder="Search">
                        <span class="ion-search form-control-feedback" role="none"></span>
                    </div>

                    <a href="javascript:void(0);" role="heading" class="btn btn-light wow animate fadeInUp btn-find-now"
                        data-wow-delay="1.2s">Find Now</a>
                </div>
            </div>
        </div>
    </section>
    <!-- OUR STORIES -->



    <!-- MORE FEATURED -->
    <section class="more-feature padding-top-100">
        <div class="container">
            <!-- Heading Block -->
            <div class="heading-block center text-center wow animate fadeInUp" data-wow-delay="0.4s" aria-label="heading" role="main">
                <h6 class="wow animate fadeInUp f-white" data-wow-delay="0.4s">Our</h6>
                <hr class="wow animate fadeInUp white-bg" data-wow-delay="0.4s">
                <h2 class="margin-bottom-40 wow animate fadeInUp" data-wow-delay="0.4s">Partners </h2>

            </div>
        </div>


        <div id="demos">
            <div class="row our-partners portfolio">


                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://www.accutronwatch.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two">
                                <img src="images/parters/logo1.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Accutron</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://alecbradley.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two bg-color1">
                                <img src="images/parters/logo2.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Alec Bradley</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://www.assouline.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two bg-color1">
                                <img src="images/parters/logo3.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Assouline Publishing</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item ">
                        <a href="https://www.brezzaitalian.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two bg-color1">
                                <img src="images/parters/logo4.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Brezza</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://www.carnegie-club.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two ">
                                <img src="images/parters/logo5.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Carnegie Club</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://www.bulova.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two bg-color1">
                                <img src="images/parters/logo6.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Bulova</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://cigarlockdown.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two">
                                <img src="images/parters/logo7.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Cigar Lockdown</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div> -->
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://www.citizenwatch.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two">
                                <img src="images/parters/logo8.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Citizen Watch Group</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item bg-color1">
                        <a href="https://www.twinenginecoffee.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two bg-color1">
                                <img src="images/parters/logo9.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Twin Engine Coffee</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="http://theunlockedshow.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two">
                                <img src="images/parters/logo10.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>The Unlocked Show</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://premiumcigars.org/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two bg-color1">
                                <img src="images/parters/logo11.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Premium Cigar Association</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://www.rockypatel.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two bg-color1">
                                <img src="images/parters/logo13.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Rocky Patel</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="http://www.room101cigars.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two">
                                <img src="images/parters/logo14.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Room 101</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div> -->
                <!-- <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://www.russellpeters.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two bg-color1">
                                <img src="images/parters/logo16.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Russell Peters – Culturally Canceled</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div> -->
                <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="http://www.thetaa.org/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two">
                                <img src="images/parters/logo15.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Tobacconists’ Association of America</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- <div class="col-sm-3 client-logo  box-tab p-0">
                    <div class="wrapper tab-item">
                        <a href="https://www.tsarouchas.com/" aria-label="link text new tab" target="_blank" class="custom-row">
                            <div class="effect effect-two">
                                <img src="images/parters/logo12.jpg" alt="Lapalina Cigar">
                                <div class="tab-text">
                                    <h2>Angelo Tsarouchas</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div> -->
            </div>
        </div>

    </section>
    <section class="social-home padding-top-150 padding-bottom-100">
        <div class="container-fluid">
            <!-- Heading Block -->
            <div class="heading-block center text-center wow animate fadeInUp" data-wow-delay="0.4s" aria-label="heading" role="main">
                <h6 class="wow animate fadeInUp f-white" data-wow-delay="0.4s">Our</h6>
                <hr class="wow animate fadeInUp white-bg" data-wow-delay="0.4s">
                <h2 class="margin-bottom-40 wow animate fadeInUp purple-color" data-wow-delay="0.4s">Social Media
                </h2>


                <ul class="row">

                    <!-- Member -->
                    <li class="col-md-3 text-center wow animate fadeInUp" data-wow-delay="0.4s">
                        <article>
                            <a href="https://www.facebook.com/LaPalinaCigar/" aria-label="link text new tab" target="_blank">
                                <!-- abatar -->
                                <div class="avatar-1"> <img class="img-square img-responsive"
                                        src="images/fb-cover1.jpg" alt="Lapalina Cigar">
                                    <!-- Team hover -->

                                </div>
                                <!-- Team Detail -->
                                <div class="team-name social-media-name">
                                    <p>Facebook</p>
                                </div>
                            </a>
                        </article>
                    </li>

                    <!-- Member -->
                    <li class="col-md-3 text-center wow animate fadeInUp" data-wow-delay="0.5s">
                        <article>
                            <a href="https://www.instagram.com/LaPalinaCigar/" aria-label="link text new tab" target="_blank">
                                <!-- abatar -->
                                <div class="avatar-1"> <img class="img-square img-responsive"
                                        src="images/instagram-cover1.jpg" alt="Lapalina Cigar">
                                    <!-- Team hover -->

                                </div>
                                <!-- Team Detail -->
                                <div class="team-name social-media-name">
                                    <p>Instagram </p>
                                </div>
                            </a>
                        </article>
                    </li>

                    <!-- Member -->
                    <li class="col-md-3 text-center wow animate fadeInUp" data-wow-delay="0.6s">
                        <article>
                            <a href="https://twitter.com/LaPalinaCigar/" aria-label="link text new tab" target="_blank">
                                <!-- abatar -->
                                <div class="avatar-1"> <img class="img-square img-responsive"
                                        src="images/twitterbannersquare.jpg" alt="Lapalina Cigar">
                                    <!-- Team hover -->

                                </div>
                                <!-- Team Detail -->
                                <div class="team-name social-media-name">
                                    <p>Twitter</p>
                                </div>
                            </a>
                        </article>
                    </li>

                    <!-- Member -->
                    <li class="col-md-3 text-center wow animate fadeInUp" data-wow-delay="0.7s">
                        <article>
                            <a href="https://www.youtube.com/channel/UCkT_8-omUG03hvIoFARliGw" aria-label="link text new tab" target="_blank">
                                <!-- abatar -->
                                <div class="avatar-1"> <img class="img-square img-responsive"
                                        src="images/youtubebannersquare.jpg" alt="Lapalina Cigar">
                                    <!-- Team hover -->

                                </div>
                                <!-- Team Detail -->
                                <div class="team-name social-media-name">
                                    <p>Youtube</p>
                                </div>
                            </a>

                        </article>
                    </li>
                </ul>

            </div>
        </div>

    </section>
    <section class="contact padding-top-150 ">
        <div class="container">
            <div class="row">
                <div class="col-md-6">

                    <!-- Heading Block -->
                    <div class="heading-block margin-bottom-50" aria-label="heading" role="main">
                        <h6 class="wow animate fadeInRight" data-wow-delay="0.4s">contact us</h6>
                        <hr class="wow animate fadeInLeft" data-wow-delay="0.4s">
                        <h2 class="wow animate fadeInUp" data-wow-delay="0.4s">Let's Connect</h2>
                    </div>

                    <!-- Contact Info -->
                    <ul class="contact-info animate fadeInUp" data-wow-delay="0.4s">
                        <li class="media">
                            <div class="media-left wow animate fadeInUp" data-wow-delay="0.4s"> <i
                                    class="icon-envelope-open" role="none"></i> </div>
                            <div class="media-body wow animate fadeInUp" data-wow-delay="0.6s">
                                <p><a href="mailto:info@lapalinacigar.com">info@lapalinacigar.com</a></p>
                            </div>
                        </li>
                        <li class="media">
                            <div class="media-left wow animate fadeInUp" data-wow-delay="0.4s"> <i
                                    class="icon-call-end" role="none"></i> </div>
                            <div class="media-body wow animate fadeInUp" data-wow-delay="0.6s">
                                <p><a href="tel:+ 1 202-588-0400">+ 1 202-588-0400</a></p>
                            </div>
                        </li>
                    </ul>
                </div>

                <!-- Contact Form -->
                <div class="col-md-6">
                    <div class="contact">

                        <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
                        <script>
                            hbspt.forms.create({
                                region: "na1",
                                portalId: "20617521",
                                formId: "4d83386d-cb2e-4481-9522-d9f24cb621d6"
                            });
                        </script>
                    </div>
                </div>
            </div>
        </div>
        <!-- Map -->
    </section>
    <script>
        (function() {
            var s = document.createElement('script');
            var h = document.querySelector('head') || document.body;
            s.src = 'https://acsbapp.com/apps/app/dist/js/app.js';
            s.async = true;
            s.onload = function() {
                acsbJS.init({
                    statementLink: '',
                    footerHtml: '',
                    hideMobile: false,
                    hideTrigger: false,
                    disableBgProcess: false,
                    language: 'en',
                    position: 'right',
                    leadColor: '#146FF8',
                    triggerColor: '#146FF8',
                    triggerRadius: '50%',
                    triggerPositionX: 'right',
                    triggerPositionY: 'bottom',
                    triggerIcon: 'people',
                    triggerSize: 'bottom',
                    triggerOffsetX: 20,
                    triggerOffsetY: 20,
                    mobile: {
                        triggerSize: 'small',
                        triggerPositionX: 'right',
                        triggerPositionY: 'bottom',
                        triggerOffsetX: 20,
                        triggerOffsetY: 20,
                        triggerRadius: '20'
                    }
                });
            };
            h.appendChild(s);
        })();
    </script>
</x-app-layout>