chatbot-teaser

// src/components/patterns/chatbot-teaser/chatbot-teaser.html.twig

{% set image_url = asset_path().toString() ~ "images/chatbot.svg" %}

<div class="ChatbotTeaser js-ChatbotTeaser u-grid u-container">
  <div class="ChatbotTeaser-imageContainer">
    <img class="ChatbotTeaser-image" aria-hidden="true" src="{{ image_url }}" alt="Chatbot Avatar">
  </div>
  <div class="ChatbotTeaser-content">
    <h2 class="ChatbotTeaser-headline">{{ headline }}</h2>
    <p class="ChatbotTeaser-text u-typo-big-copy-subline">{{ text }}</p>
    {% include "@elements/button/button.html.twig" with button|merge({class: "ChatbotTeaser-button js-ChatbotTeaser-button"}) only %}
  </div>
</div>