<div class="ds-product-page">
  {% if texts[page_id ~ "-badge"] %}
    <span class="ds-badge">{{ texts[page_id ~ "-badge"] }}</span>
  {% endif %}

  {% if texts[page_id ~ "-tagline"] %}
    <p class="ds-tagline">{{ texts[page_id ~ "-tagline"] }}</p>
  {% endif %}

  {% if texts[page_id ~ "-hero-title"] %}
    <h2 class="ds-heading-lg">{{ texts[page_id ~ "-hero-title"] }}</h2>
  {% endif %}

  {% if texts[page_id ~ "-hero-subtitle"] %}
    <p class="ds-text-lead">{{ texts[page_id ~ "-hero-subtitle"] | safe }}</p>
  {% endif %}

  <div class="ds-product-actions">
    {% if texts[page_id ~ "-cta-github"] %}
      <a href="#" class="ds-button ds-button-outline ds-button-sm">
        {{ texts[page_id ~ "-cta-github"] }}
      </a>
    {% endif %}
    {% if texts[page_id ~ "-cta-get-started"] %}
      <a href="/contact" class="ds-button ds-button-primary ds-button-sm">
        {{ texts[page_id ~ "-cta-get-started"] }}
      </a>
    {% endif %}
  </div>
</div>
