<{{ tag ?? 'section' }} class=" bg-no-repeat {{ if !flush && !flush-x }} px-5 md:px-8 lg:px-12 {{ /if }} {{ if !flush && !flush-y }} {{ extra-padding ? 'py-16' : 'py-12' }} {{ /if }} {{ if bg-color }} bg-{{ convert_color:hex_to_name :hex-code="bg-color" }} {{ /if }} {{ if bg-image }} bg-cover bg-center bg-no-repeat {{ /if }} {{ class }} " {{ if bg-image }} style="background-image: url('{{ bg-image|replace('assets::', '/assets/') }}')" {{ /if }} {{ if id }} id="{{ id }}" {{ /if }} :class="{ 'shown': shown }" x-intersect.half="shown = true" x-data="{ shown: false }" >