---
title: Article Overview Page
layout: tui-ssg-template-layout.hbs
bodyClass: articleoverviewpage
---
<header class="info-main-head">
  <img src="https://images.ctfassets.net/kb4x8uh0bui6/2xLfwFgiWoWWAygKoqqie2/5843180c9405bed084a0c16f17aab4eb/1440x605-0292608-vuxenhotell-for-par-med-tui.jpg?fit=thumb&w=1440&h=300&fm=jpg&fl=progressive">
</header>
<main class="main-content">
  <section>
    <div class="tui-container">
      <div class="info-wrapper">

        {{>tui_aside_navigation data=tui-aside-navigation}}

        <article class="info-article">
          {{>tui_breadcrumb data=tui-breadcrumb}}
          <div class="info-page-intro page-intro text-block">
            <h1>{{article-overview-page.data.fields.heading}}</h1>
            {{#if article-overview-page.data.fields.preamble}}
              <div class="tui-text-content preamble" data-markdown>
{{article-overview-page.data.fields.preamble}}
              </div>
            {{/if}}
          </div>
          <div class="info-body" data-markdown>
{{{article-overview-page.data.fields.componentsArea.0.fields.text}}}
          </div>

          {{#if article-overview-page.data.fields.children}}
            <div data-contentful-id="https://app.contentful.com/spaces/{{article-overview-page.data.sys.space.sys.id}}/entries/{{article-overview-page.data.sys.id}}" class="contentful-edit-container">
              {{#if article-overview-page.data.fields.renderContentCards}}
                <div class="content-cards-list">
                  {{#each article-overview-page.data.fields.children}}
                    {{>content_card heading=fields.heading text=fields.teaserText link=(concat fields.urlFolder fields.url '/') image=fields.mainImage}}
                  {{/each}}
                </div>
              {{else}}
                {{>tui_info_text_cards article-overview-page}}
              {{/if}}
            </div>
          {{/if}}
        </article>

      </div>
    </div>
  </section>
</main>

{{>markdown_converter}}