{% macro createWidget(title, text, settings) %}
<section class="flex flex-row py-6 px-8">
  {% if settings.center == true %}
  <div class="w-full flex flex-col gap-4">
    <h1 class="font-extrabold tracking-tight leading-none text-gray-900 text-4xl md:text-5xl lg:text-6xl text-center">
      {{ title }}
    </h1>
    <p class="w-full text-lg font-normal text-gray-500 lg:text-xl mx-2 text-center">
      {{ text }}
    </p>
    {% if ctaSettings and ctaSettings.url %}
    <div class="inline-flex flex-row">
      <a href="{{ ctaSettings.url }}" class="py-3 px-5 font-medium text-white rounded-lg bg-blue-700 hover:bg-blue-800">
        {{ ctaSettings.text }}
      </a>
    </div>
    {% endif %}
  </div>
  {% else %}
  <div class="w-full flex flex-col gap-4">
    <h1 class="font-extrabold tracking-tight leading-none text-gray-900 text-4xl md:text-5xl lg:text-6xl">
      {{ title }}
    </h1>
    <p class="text-lg font-normal text-gray-500 lg:text-xl mx-2">
      {{ text }}
    </p>
  </div>
  {% endif %}
</section>
{% endmacro %}