<section class="dnc-chat-card dnc-chat-card-welcome">
  <header class="chat-card-header">
    <div class="chat-card-heading">
      <p class="chat-card-kicker">{{localize "DNC.Welcome.Kicker"}}</p>
      <h2>{{title}}</h2>
      <p class="chat-card-subtitle">{{subtitle}}</p>
    </div>
    <div class="chat-card-seal success">
      {{localize "DNC.Welcome.Seal"}}
    </div>
  </header>

  <p class="chat-note chat-welcome-intro">{{intro}}</p>

  <ul class="chat-details chat-details-ornate">
    {{#each bullets}}
      <li>{{this}}</li>
    {{/each}}
  </ul>

  <p class="chat-note chat-welcome-link">
    <strong>{{helpLabel}}</strong>
    {{#if helpLink}}
      {{{helpLink}}}
    {{else}}
      {{helpFallback}}
    {{/if}}
  </p>

  <p class="chat-note">
    <strong>{{creditsLabel}}</strong> {{creditsText}}
  </p>

  <p class="chat-note">
    <strong>{{officialLabel}}</strong>
    <a href="{{officialUrl}}" target="_blank" rel="noopener">{{officialLinkText}}</a>
  </p>

  <p class="chat-note">{{footer}}</p>
</section>
