{% load wagtailcore_tags wagtailimages_tags mandel_template_engine %}
<section class="mandel-block"><div class="container"><div class="p-5 rounded-4 bg-body-tertiary"><div class="row align-items-center g-4"><div class="{% if value.image %}col-lg-7{% else %}col-lg-8{% endif %}">{% if value.eyebrow %}<p class="mandel-eyebrow mb-2">{{ value.eyebrow }}</p>{% endif %}<h2>{{ value.heading }}</h2>{% if value.body %}{{ value.body|richtext }}{% endif %}<div class="d-flex flex-wrap gap-2 mt-4">{% if value.primary_action.label %}{% mandel_link_url value.primary_action as href %}<a class="btn btn-primary btn-lg" href="{{ href }}"{% if value.primary_action.open_in_new_tab %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ value.primary_action.label }}</a>{% endif %}{% if value.secondary_action.label %}{% mandel_link_url value.secondary_action as href %}<a class="btn btn-outline-secondary btn-lg" href="{{ href }}"{% if value.secondary_action.open_in_new_tab %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ value.secondary_action.label }}</a>{% endif %}</div></div>{% if value.image %}<div class="col-lg-5">{% picture value.image format-{avif,webp,jpeg} width-900 class="img-fluid rounded-4" %}</div>{% endif %}</div></div></div></section>