{{ cache key="highlights" ttl="21600" }}
<div class="{{ if background === 'gradient' }}gradient{{ /if }}">
    <div class="highlights pt-5">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <h2 class="display-6 mb-3">{{ title }}</h2>
                    <p class="lead">
                        <a class="btn btn-primary btn-lg" href="{{ button_link }}" role="button">{{ button_text }} <i class="fas fa-arrow-right ps-2"></i></a>
                    </p>
                </div>
                <div class="col-12">
                    <div class="owl-carousel owl-theme" id="highlights-gallery">
                        {{ collection:products limit="5" shuffle="true" }}
                            {{ partial:partials/product :entry="." }}
                        {{ /collection:products }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{ if background === 'gradient' }}
        {{ partial:partials/gradient-stopper }}
    {{ /if }}
</div>
{{ /cache }}