{# Template : Example Blocks #}

{% extends ('layouts/' ~ page_meta.layout) %}

{% block content %}


    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->
    
    {% include 'navigation/breadcrumbs.twig' %}
    
    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/page_blocks/title_banner.twig' with {
        dark_background: false,
        class: 'lightBg'
    }%}

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/page_blocks/title_banner.twig' with {
        banner: p.pagedata['Title Banner with image'][0],
        dark_background: false,
        class: 'altImageBgColor'
    }%}

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/page_blocks/title_banner.twig' with {
        banner: p.pagedata['Title Banner with image'][0],
        dark_background: false,
        class: '',
        alt_bg_colors: true,
        left_aligned: true
    }%}



    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/elements/title_wrap.twig' with {
        title: p.pagedata['Title'][0]['Title']['value'],
        subtitle: p.pagedata['Title'][0]['Subtitle']['value'],
        content: p.pagedata['Title'][0]['Content']['value'],
        dark_background: false,
        class: 'lightBg'
    }%}



    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->



    {#
        If true, logos with 'show_in_banners' set to true within cross platform controller will be shown
        banner_mode: true
        If true, the banner will only show on mobile
        mobile_only: true,
        Pass an array of logos to use
        trust_logos: trust_logos || trust_banner_logos || trust_footer_logos
    #}
    {% include '/includes/elements/trust_logos.twig' with {
        banner_mode: true,
        mobile_only: false,
        trust_logos: trust_logos
    }%}

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/page_blocks/services_banner.twig' with {
        intro_title: p.pagedata['Services Intro'][0]['Title']['value'],
        intro_subtitle: p.pagedata['Services Intro'][0]['Subtitle']['value'],
        intro_content: p.pagedata['Services Intro'][0]['Content']['value'],
        button_link: p.pagedata['Services Intro'][0]['CTA Link']['value'],
        button_text: p.pagedata['Services Intro'][0]['CTA Text']['value'],
        class: 'homeServices',
        service_page: p
    }%}

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->


    {% include 'includes/page_blocks/sidebar_tabs.twig' with {
        tabs: tabs_from_controller
    }%}


    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/page_blocks/large_cta_banner.twig' with {
        dark_background: false,
        content_page: p
    }%}

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->
    
    {% include 'includes/page_blocks/large_cta_banner.twig' with {
        dark_background: false,
        content_page: p,
        class: 'lightBg'
    }%}

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/page_blocks/cta_banner.twig' with {
        dark_background: false,
        title: 'Up Next',
        content: '<p>Next blog article title</p>',
        meta_content: 'Saturday, 4th April, 2021',
        button_text: 'Learn more',
        link: '#'
    }%}

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/page_blocks/cta_banner.twig' with {
        dark_background: false,
        title: p.pagedata['CTA Banner'][0]['Title']['value'],
        content: p.pagedata['CTA Banner'][0]['Content']['value'],
        button_text: p.pagedata['CTA Banner'][0]['Button Text']['value'],
        link: p.pagedata['CTA Banner'][0]['Button Link']['value']
    }%}


    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->


    {% include 'includes/page_blocks/cta_boxes.twig' %}


    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->
    

   


    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->



    {% include 'includes/page_blocks/image_banner.twig' with {
        image_position: 'left',
        altOverlay: false,
        show_testimonial: false
    }%}

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/page_blocks/image_banner.twig' with {
        image_position: 'right',
        altOverlay: true,
        show_testimonial: false
    }%}

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/page_blocks/image_banner.twig' with {
        image_position: 'left',
        altOverlay: true,
        show_testimonial: false,
        faqs: p.pagedata['FAQ']
    }%}

    

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

    {% include 'includes/popular_products.twig' %}


  

    <div class="spacers" style="background: blue;"></div> <!-- .spacers -->

{% endblock %}
