<?php

/* Template Name: Landing Page
*/



$landing_page_slider = get_field( 'landing_page_slider' );
$landing_page_blurb = get_field( 'landing_page_blurb' );
$landing_page_intro = get_field( 'landing_page_intro' );

get_header();

?>


<article id="post-##" class="post panel panel-tall ">

    <header class="panel-header">
        {% include "components/common/panel-heading-default.twig" %}
    </header>

        <div class="panel-content ps-container ps-theme-default ps-active-y" data-panel-panelsnap="" data-ps-id="a4640697-ea06-c3b5-0eae-7eedba76cd53" data-direction="down">



        <div class="fullwidth-content">

    {#         <header class="entry-header">

                <h1 class="entry-title">{{ post.title }}</h1>

            </header><!-- .entry-header -->
     #}

            <div class="landing-page-slider">


                {# single.twig #}
                <div class="slider-images">
                    {% for item in post.meta('landing_page_slider') %}
                        <div class="item" style="background-image:url({{ item.background_image.url }});">
                        </div>
                    {% endfor %}
                </div>

              <div class="landing-page-slider-inner">
                <h1>{{ landing_page_intro }}</h1>
                <h2>{{ landing_page_blurb }}</h2>            
            </div>


            </div>

            <div class="landing-page-entry-content">


                {{ post.content | wpautop }}

            </div><!-- .entry-content -->

        </div><!-- .panel-content -->
    </div>
</article><!-- #post-## -->

<?php get_header(); ?>
