<section class="section--page pt-0">
    <div class="container">
        {include file="breadcrumbs.tpl"}

        {include file="banners.tpl" items=$page->related_banners}
            <div class="row row-cols-lg-3 row-cols-sm-2 row-cols-1 g-4">
            {foreach $page->subpages AS $service}
            <div class="col">
                  <div class="service" style="background-image: url('{$service->image|resize:600:400:crop}')">
                     <div class="service__wrapper">
                        <div class="service__title">{$service->name}</div>
                        {$service->annotation}    
                        <div class="service__price">{$service->price}</div>

                        <a href="/{$service->url}" class="button button-primary">
                           Подробнее
                        </a>
                     </div>
                  </div>
               </div>
            {/foreach}
            </div>
        {include file='pagination.tpl'}
    </div>
</section>
