<{{ tag ?? 'section' }} class=" bg-no-repeat {{ if !flush && !flush-x }} px-5 md:px-8 lg:px-16 {{ /if }} {{ if !flush && !flush-y }} {{ extra-padding ? 'py-[65px] lg:py-[110px]' : 'pt-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 h-full min-h-[735px] px-5 md:px-8 lg:px-16 py-[75px] lg:py-[138px] {{ /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 }" >