---
title: Trips'n'offers
layout: tui-ssg-template-layout.hbs
bodyClass: page
---

{{>hero_responsive image-contentful.data.fields}}
<main class="main-content">
  <header class="tui-section cux-page-intro">
    <div class="container">
      {{>text_block buttonGroup=button-group heading='Gästernas egna restips och betyg' leftPreamble='För Lägenheter Beach Garden i Alcudia' leftText='Här tipsar resenärerna själva om sina smultronställen i Alcudia. Tipsen kommer från gäster som bott på Lägenheter Beach Garden TTT och fyllt i vår kundenkät efter sin resa.'}}
    </div>
  </header>

  <section>
    <div class="container">
      {{>filter_box filter-lms}}
      <div class="row">
        <div class="col-sm-8">
          <h2>Det finns <span class="color-tui-red">381 resor</span> från Stockholm</h2>
        </div>
        <div class="col-sm-4">
          {{>sort_box sort-lms}}
        </div>
      </div>
      {{>lms_list}}
      <button type="button" class="btn ghost-blue cux-show-more">Visa fler</button>
    </div>
  </section>

  <section>
    <div class="tui-container">
      {{>content_card_group ccg-1 heading="Content Cards - 1 Cards"}}
    </div>
  </section>

  <section>
    <div class="tui-container">
{{>profile_card_list profile-card-list.data.fields.componentsArea.0.fields}}
    </div>
  </section>


  <section>
    <div class="tui-container">
      {{>content_card_group ccg-2 heading="Content Cards - 1 Cards"}}
    </div>
  </section>

  <section>
    <div class="tui-container">
      {{>navigation_card_group navigation-card-group-3-focus-right.data.fields.components.0.fields heading="Navigation Cards - 3 Cards"}}
    </div>
  </section>

  {{>full_width_media full-width-media-contentful.data.fields.components.1.fields image-url=full-width-media-contentful.data.fields.components.0.fields.image.fields.image.fields.file.url alt-text=full-width-media-contentful.data.fields.components.1.fields.image.fields.altText filmUrl=full-width-media-contentful.data.fields.components.1.fields.film.fields.film.fields.file.url}}

  <section>
    <div class="tui-container">
      {{>content_card_group ccg-1 heading="Content Cards - 1 Cards"}}
    </div>
  </section>

  <section>
    <div class="tui-container">
      {{>navigation_card_group navigation-card-group-5.data.fields.components.0.fields}}
    </div>
  </section>


  <section>
    <div class="tui-container">
      {{>content_card_group ccg-9 heading="Content Cards - 9 Cards"}}
    </div>
  </section>

  {{>full_width_media full-width-media-contentful.data.fields.components.0.fields image-url=full-width-media-contentful.data.fields.components.0.fields.image.fields.image.fields.file.url alt-text=full-width-media-contentful.data.fields.components.0.fields.image.fields.altText filmUrl=full-width-media-contentful.data.fields.components.0.fields.film.fields.film.fields.file.url}}

  <section>
    <div class="tui-container">
      {{>content_card_group ccg-2 heading="Content Cards - 2 Cards"}}
      {{>content_card_group ccg-3}}
    </div>
  </section>

  {{>full_width_media full-width-media-contentful.data.fields.components.0.fields image-url=full-width-media-contentful.data.fields.components.0.fields.image.fields.image.fields.file.url alt-text=full-width-media-contentful.data.fields.components.0.fields.image.fields.altText filmUrl=full-width-media-contentful.data.fields.components.0.fields.film.fields.film.fields.file.url}}

  <section>
    <div class="tui-container">
      <div class="hotel-cards-list">
        {{>hotel_card hotel-cards}}
      </div>
    </div>
  </section>
</main>