{% if show_onboarding_modal %}
    {# <div class="modal fade show" id="onboarding" tabindex="-1" role="dialog" aria-labelledby="onboarding_label" aria-hidden="false"  data-dismiss-cookie="onboarding" >
        <div class="modal-dialog modal-fluid" role="document">
            <div data-slick='{
                    "dots": true,
                    "infinite": false,
                    "arrows": false,
                    "slidesToShow": 1,
                    "slidesToScroll": 1
                }'
            >
                <figure>
                    <img src="{{ TimberImage( onboarding_image_1 ).src('onboarding') }}" alt="" />
                    <figcaption>
                        <p>Experience the new heart of Brisbane</p>
                        <button type="button" class="btn btn-link" data-dismiss="modal">Skip</button>
                    </figcaption>
                </figure>
                <figure>
                    <img src="{{ TimberImage( onboarding_image_2 ).src('onboarding') }}" alt="" />
                    <figcaption>
                        <p>Transforming Brisbane's CBD</p>
                        <button type="button" class="btn btn-link" data-dismiss="modal">Skip</button>
                    </figcaption>
                </figure>
                <figure>
                    <img src="{{ TimberImage( onboarding_image_3 ).src('onboarding') }}" alt="" />
                    <img src="<?php bloginfo('template_directory'); ?>/assets/img/logo-white.png" alt="" />
                    <figcaption>
                        <button type="button" class="btn btn-color btn-block" data-dismiss="modal">Enter site</button>
                        <a class="btn btn-color btn-block" href="{{ construction_page.link }}#updates">View updates</a>
                        <a class="btn btn-color btn-block" href="{{ explore_page.link }}">Explore Queen's Wharf</a>
                    </figcaption>
                </figure>
            </div>
        </div>
    </div> #}
{% endif %}
