Banners template

<div class="p-5">
    <div class="rounded-xl bg-red-50 flex justify-between p-5">
        {{ cms_text('banner-1') }}
        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
        </svg>
    </div>
</div>
<div class="bg-blue-50 flex items-center justify-between p-5">
   {{ cms_text('banner-1') }}
   {{ cms_button('hero-button-2',{'theme': 'py-2 px-5 bg-blue-700 text-white rounded'}) }}
</div>