---
title: Cruise Line Page
layout: tui-ssg-template-layout.hbs
bodyClass: cruise
---

<main class="main-content">
  {{>hero_responsive_hotel cruise-line.data.fields.content resourceObject=cruise-line.data.fields.resource.fields.items hideHeart=true}}
  <section class="product-header-section">
    {{>product_header cruise-line hideBookingButton=true}}
    <div class="product-header tui-container">
      {{>tui_top_facts facts=cruise-line.data.fields.content.usps cssClass='heading-text'}}
    </div>
  </section>

  <div class="tui-container tui-subnav-section">
    {{>cruise_line_sub_navigation cruise-line}}
  </div>

  <section id="{{slug (lowercase (getResource cruise-line.data.fields.resource.fields.items 'subNavigationShip'))}}">
    <div class="tui-container">
      {{>navigation_card_group navigation-card-group-3-cruise-ship.data.fields.components.0.fields heading="Utvalda fartyg med Royal caribbean"}}
    </div>
  </section>

  <section id="{{slug (lowercase (getResource cruise-line.data.fields.resource.fields.items 'subNavigationDestinations'))}}">
    <div class="tui-container">
      {{>list_header heading='Hit kan du kryssa med Royal Caribbean'}}
    </div>
  </section>

  <section>
    <div class="tui-container">
      {{>content_card_group cruise-ccg-3 heading="Passa på"}}
    </div>
  </section>

  <section id="{{slug (lowercase (getResource cruise-line.data.fields.resource.fields.items 'subNavigationOtherShips'))}}">
    <div class="tui-container">
      {{>navigation_card_group navigation-card-group-3-cruise-ship.data.fields.components.0.fields heading="Våra utvalda rederier" text=''}}
    </div>
  </section>

  <section id="{{slug (lowercase (getResource cruise-line.data.fields.resource.fields.items 'subNavigationAboutCruiseLine'))}}">
    <div class="tui-container">
      <div class="cruise-multi-column background-tui-blue-50">
{{>multi_column cruise-line heading='Världens största rederi i Karibien'}}
      </div>
    </div>
  </section>

  <section>
    <div class="tui-container">
      {{>tui_top_facts facts=cruise-landing.data.fields.content.topFacts2 cssClass='heading-text' heading='Det här ingår alltid på kryssningar med TUI'}}
    </div>
  </section>

  <section id="{{slug (lowercase (getResource data.fields.resource.fields.items 'subNavigationFaq'))}}">
    <div class="tui-container faq-accordion">
      {{>list_header heading=(getResource cruise-overview.data.fields.resource.fields.items 'faqHeading')}}
{{>accordion cruise-overview.data.fields.faq.fields resourceObject=cruise-overview.data.fields.resource.fields.items}}
    </div>
  </section>

</main>