Faculty Header Card

This is the Faculty Header Card (faculty-card) component which is normally used in the faculty detail page and also in the Faculty Container component.

Markup Details
                            {{ attach_library('goizueta_theme/faculty-card') }}
{% import '@components/icons/icons.twig' as icons %}

{%
  set attributes = attributes ? attributes.addClass('faculty-card' ~ faculty_card.classes|default('')) : ' class="faculty-card' ~ faculty_card.classes|default('') ~ '"'
%}

<article {{ attributes|raw }}>
  <div class="faculty-card__inner">
    <div class="faculty-card__image">
      {{ faculty_card.image }}
    </div>
    <div class="faculty-card__content">
      {% if faculty_card.eyebrow %}
        <div class="faculty-card__content--eyebrow">
          {{ faculty_card.eyebrow }}
        </div>
      {% endif %}

      {% if faculty_card.heading %}
        {%
          include '@components/heading/heading.twig' with {
            "heading": faculty_card.heading
          } only
        %}
      {% endif %}

      <div class="faculty-card__content--body">
        {{ faculty_card.body }}
      </div>
      <div class="faculty-card__learn-more">
        {% block ctas %}
          {% for item in faculty_card.ctas %}
            {%
              include '@components/button/button.twig' with {
                "button": item.button
              }
            %}
          {% endfor %}
        {% endblock %}
      </div>
    </div>
  </div>
</article>