لا لقطات شاشة — متاجر حقيقية.

01{%- comment -%} Storefront · design system {%- endcomment -%}
02<section class="hero hero--{{ section.settings.layout }}">
03  {%- if section.settings.eyebrow != blank -%}
04    <span class="eyebrow">{{ section.settings.eyebrow }}</span>
05  {%- endif -%}
06  <h1 class="hero__title">{{ section.settings.title }}</h1>
07  {%- for block in section.blocks -%}
08    {%- case block.type -%}
09      {%- when 'cta' -%}
10        <a href="{{ block.settings.link }}" class="btn">
11          {{ block.settings.label }}
12        </a>
13    {%- endcase -%}
14  {%- endfor -%}
15</section>