{#
/**
 * @file
 * Welcome story template.
 */
#}

<div class="story-welcome">
  <div class="story-welcome__inner">
    {% include 'civictheme:logo' with {
      theme: 'light',
      logos: logos,
    } only %}
    {% set heading_content %}
      A design system by
      {% include 'civictheme:content-link' with {
        theme: 'dark',
        text: 'Salsa Digital',
        url: 'https://salsa.digital/',
      } only %}
    {% endset %}
    {% include 'civictheme:heading' with {
      theme: 'dark',
      content: heading_content,
      level: 4,
      modifier_class: 'ct-text-align-center',
    } only %}

    {% include 'civictheme:paragraph' with {
      theme: 'dark',
      content: 'Welcome to the CivicTheme design system, an open-source, atomic design-based, true design system developed to help you build websites quickly and efficiently.',
      modifier_class: 'ct-text-align-center',
    } only %}

    {% include 'civictheme:paragraph' with {
      theme: 'dark',
      content: 'CivicTheme provides an atomic design, component-based framework to build and easily manage website assets and components.',
      modifier_class: 'ct-text-align-center',
    } only %}
  </div>
</div>
