{% load i18n %} 
{% load static %} 
{% load utils_tags %} 

{% if hero_text.is_active %} 
<div class="container">
  <div class="jumbotron">
    <div class="card border-0 bg-transparent">
      <div class="row no-gutters align-items-center">
        <div class="col-md-6">
          <div class="card-body p-0">
            <h1 class="display-4 fw-bold">{{ hero_text.title }}</h1>
            <p class="lead fw-bold">{{ hero_text.subtitle }}</p>
            <div class="d-flex flex-wrap">
              <a
                class="btn btn-primary btn-lg me-2 mb-2"
                href="{% url 'website:contact' %}">
                {{ hero_text.button_primary_text|default:_("Contact us") }}
              </a>
              {% if hero_text.button_secondary_text and hero_text.button_link_2 %}
              <a
                class="btn btn-primary btn-lg mb-2"
                href="{{ hero_text.button_link_2 }}">
                {{ hero_text.button_secondary_text }}
              </a>
              {% endif %}
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="card-img">
            <img
              src="{% if hero_text.image %}{{ hero_text.image.url }}{% else %}{% static 'main/img/hero_landing.png' %}{% endif %}"
              class="img-fluid rounded"
              alt="{{ hero_text.title }}"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% else %}
{% if request.user.is_authenticated and request.user.is_staff %}
<div class="alert alert-info">
{% url 'dashboard:hero_text_new' as hero_text_url %}
{% blocktrans with url=hero_text_url %}
Add <a href="{{ url }}">hero text</a> in the dashboard to display it here.
{% endblocktrans %}
{% endif %}
{% endif %}