{% extends "base.html" %}

{% block content %}
<div class="tx-hero">
  <div class="tx-hero__inner">
    <h1>{{ page.meta.hero.title }}</h1>
    <p>{{ page.meta.hero.subtitle }}</p>
    <div class="tx-hero__buttons">
      {% for btn in page.meta.hero.buttons %}
      <a href="{{ btn.url }}" class="md-button{% if btn.primary %} md-button--primary{% endif %}">
        {{ btn.text }}
      </a>
      {% endfor %}
    </div>
  </div>
</div>

{{ super() }}
{% endblock %}