{% assign cta_hero = '' %}
{% capture cta_hero %}{% picture open_graph pages/{{ page.cta_footer.hero_image }} %}{% endcapture %}

{% assign arrow_right = '' %}
{% capture arrow_right %}{% picture open_graph pages/arrow-curved-pointing-yes.png %}{% endcapture %}

<div data-sal="slide-up" data-sal-duration="500" data-sal-ease="ease-in-out" class="cta-footer is-container">
    <div class="left"><img src="{{ cta_hero }}" alt="{{ page.cta_footer.hero_image | remove: '.png' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}">
    </div>
    <div class="right">
        <h1>Are you ready to</h1>
        <h1 class="restaurant-container-wrapper">
            <a class="restaurant-item is-wheat">process orders faster</a>
            <a class="restaurant-item is-wheat">save on credit card fees</a>
            <a class="restaurant-item is-wheat">track accurate inventory</a>
            <a class="restaurant-item is-wheat">create customized orders</a>
            <a class="restaurant-item is-wheat">grow your customer loyalty</a>
            <a class="restaurant-item is-wheat">improve sales reporting</a>
        </h1>
        <h1>with Plum?</h1>
    <h1 class="is-wheat">Yes!</h1>
        {% if page.cta_buy == true %}
        <a data-productquantity="1" data-quantity="1" data-productid="{{page.banner.i_product_id}}" onclick="addToCartBundle(event)" class="is-button primary-button is-cta-button">Buy Now!</a>
        {% else %}
        <a href="{{site.url}}/schedule-demo.html" class="is-button primary-button is-cta-button">Book Demo</a>
        {% endif %}
        <img class="cta-footer__arrow" src="{{ arrow_right }}" alt="arrow right orange">
    </div>
</div>