{% include "@Components/sections/usps-section/usps-section.twig" with {props: {
header: {
heading: {
title: "Vyberte si ty nejlépe padnoucí legíny!"
},
perex: "Hlasu zkrátka nevratné duší indičtí půlkilometrová začali nutné už od středisko. Společných snažila líně budoucnost začne vloženy stal objevováním, umělé cílem starým dne větvičky názvy moři zabíjí."
},
items: usps_sample,
}} %}
<section class="base-section">
<div class="base-section__container container">
<header class="base-header d-flex flex-column gap-3 text-center align-items-center">
<h2 class="base-heading mb-0 u-fw-700 u-h2">
Vyberte si ty nejlépe padnoucí legíny!
</h2>
<div class="base-header__description entry-content mb-0">Hlasu zkrátka nevratné duší indičtí půlkilometrová začali nutné už od středisko. Společných snažila líně budoucnost začne vloženy stal objevováním, umělé cílem starým dne větvičky názvy moři zabíjí.</div>
</header>
<div class="g-usps px-1 px-sm-0 row gx-2 gy-3">
<div class="g-usps__cell col-6 col-sm-4 col-xxl-2">
<div class="i-usp d-flex flex-column flex-md-row align-items-start align-items-md-center row-gap-1 column-gap-2">
<div class="i-usp__icon d-flex align-items-center justify-content-center flex-shrink-0">
<div class="img u-posr overflow-hidden --contain --ratio-1-1">
<picture>
<img src="" data-src="images/advantages-ico/delivery.svg" alt="Expedice do 24 hodin" width="40" height="40" draggable="false">
</picture>
</div>
</div>
<div class="i-usp__body">
<h2 class="i-usp__heading u-fw-600 u-h5 text-balance">Expedice do 24 hodin</h2>
</div>
</div>
</div>
<div class="g-usps__cell col-6 col-sm-4 col-xxl-2">
<div class="i-usp d-flex flex-column flex-md-row align-items-start align-items-md-center row-gap-1 column-gap-2">
<div class="i-usp__icon d-flex align-items-center justify-content-center flex-shrink-0">
<div class="img u-posr overflow-hidden --contain --ratio-1-1">
<picture>
<img src="" data-src="images/advantages-ico/print.svg" alt="Expresní potisk od 3 dnů" width="40" height="40" draggable="false">
</picture>
</div>
</div>
<div class="i-usp__body">
<h2 class="i-usp__heading u-fw-600 u-h5 text-balance">Expresní potisk od 3 dnů</h2>
</div>
</div>
</div>
<div class="g-usps__cell col-6 col-sm-4 col-xxl-2">
<div class="i-usp d-flex flex-column flex-md-row align-items-start align-items-md-center row-gap-1 column-gap-2">
<div class="i-usp__icon d-flex align-items-center justify-content-center flex-shrink-0">
<div class="img u-posr overflow-hidden --contain --ratio-1-1">
<picture>
<img src="" data-src="images/advantages-ico/smile.svg" alt="Ročně přes 10 000 spokojených klientů" width="40" height="40" draggable="false">
</picture>
</div>
</div>
<div class="i-usp__body">
<h2 class="i-usp__heading u-fw-600 u-h5 text-balance">Ročně přes 10 000 spokojených klientů</h2>
</div>
</div>
</div>
<div class="g-usps__cell col-6 col-sm-4 col-xxl-2">
<div class="i-usp d-flex flex-column flex-md-row align-items-start align-items-md-center row-gap-1 column-gap-2">
<div class="i-usp__icon d-flex align-items-center justify-content-center flex-shrink-0">
<div class="img u-posr overflow-hidden --contain --ratio-1-1">
<picture>
<img src="" data-src="images/advantages-ico/cert.svg" alt="20 let praxe v oboru" width="40" height="40" draggable="false">
</picture>
</div>
</div>
<div class="i-usp__body">
<h2 class="i-usp__heading u-fw-600 u-h5 text-balance">20 let praxe v oboru</h2>
</div>
</div>
</div>
<div class="g-usps__cell col-6 col-sm-4 col-xxl-2">
<div class="i-usp d-flex flex-column flex-md-row align-items-start align-items-md-center row-gap-1 column-gap-2">
<div class="i-usp__icon d-flex align-items-center justify-content-center flex-shrink-0">
<div class="img u-posr overflow-hidden --contain --ratio-1-1">
<picture>
<img src="" data-src="images/advantages-ico/bags.svg" alt="3 000 000 ks tašek skladem" width="40" height="40" draggable="false">
</picture>
</div>
</div>
<div class="i-usp__body">
<h2 class="i-usp__heading u-fw-600 u-h5 text-balance">3 000 000 ks tašek skladem</h2>
</div>
</div>
</div>
<div class="g-usps__cell col-6 col-sm-4 col-xxl-2">
<div class="i-usp d-flex flex-column flex-md-row align-items-start align-items-md-center row-gap-1 column-gap-2">
<div class="i-usp__icon d-flex align-items-center justify-content-center flex-shrink-0">
<div class="img u-posr overflow-hidden --contain --ratio-1-1">
<picture>
<img src="" data-src="images/advantages-ico/tech.svg" alt="Vlastní pokročilé výrobní technologie" width="40" height="40" draggable="false">
</picture>
</div>
</div>
<div class="i-usp__body">
<h2 class="i-usp__heading u-fw-600 u-h5 text-balance">Vlastní pokročilé výrobní technologie</h2>
</div>
</div>
</div>
</div>
</div>
</section>
