Merged in feat/SW-475-enter-details-header (pull request #630)

Feat/SW-475 enter details header

* feat(SW-475): updated hotel mock data to reflect api

* feat(SW-475): Added hotel selection header with sidepeek buttons

* fix(SW-475): fixes from PR

* fix(SW-475): changed intl string


Approved-by: Arvid Norlin

app/[lang]/(live)/(public)/hotelreservation/[section]/page.tsx

@@ -1,6 +1,8 @@
 import { serverClient } from "@/lib/trpc/server"
+import { getHotelDataSchema } from "@/server/routers/hotels/output"
 import tempHotelData from "@/server/routers/hotels/tempHotelData.json"
 
+import HotelSelectionHeader from "@/components/HotelReservation/HotelSelectionHeader"
 import BedSelection from "@/components/HotelReservation/SelectRate/BedSelection"
 import BreakfastSelection from "@/components/HotelReservation/SelectRate/BreakfastSelection"
 import Details from "@/components/HotelReservation/SelectRate/Details"
@@ -79,7 +81,7 @@ export default async function SectionsPage({
   setLang(params.lang)
 
   // TODO: Use real endpoint.
-  const hotel = tempHotelData.data.attributes
+  const hotel = getHotelDataSchema.parse(tempHotelData)
 
   const rooms = await serverClient().hotel.rates.get({
     // TODO: pass the correct hotel ID and all other parameters that should be included in the search
@@ -107,8 +109,7 @@ export default async function SectionsPage({
 
   return (
     <div>
-      {/* TODO: Add Hotel Listing Card */}
+      <HotelSelectionHeader hotel={hotel.data.attributes} />
-      <div>Hotel Listing Card TBI</div>
 
       <div className={styles.content}>
         <div className={styles.main}>

components/HotelReservation/HotelSelectionHeader/HotelDetailSidePeek/hotelDetailSidePeek.module.css

@@ -0,0 +1,4 @@
+.buttons {
+  display: flex;
+  gap: var(--Spacing-x3);
+}

components/HotelReservation/HotelSelectionHeader/HotelDetailSidePeek/index.tsx

@@ -0,0 +1,58 @@
+"use client"
+
+import { useState } from "react"
+import { useIntl } from "react-intl"
+
+import ChevronRightSmallIcon from "@/components/Icons/ChevronRightSmall"
+import Button from "@/components/TempDesignSystem/Button"
+import SidePeek from "@/components/TempDesignSystem/SidePeek"
+
+import styles from "./hotelDetailSidePeek.module.css"
+
+export default function HotelDetailSidePeek() {
+  const intl = useIntl()
+  const [isOpen, setIsOpen] = useState(false)
+
+  function toggleSidePeek() {
+    setIsOpen(!isOpen)
+  }
+
+  return (
+    <>
+      <div className={styles.buttons}>
+        <Button
+          variant="icon"
+          theme="base"
+          intent="text"
+          wrapping
+          onClick={toggleSidePeek}
+        >
+          {intl.formatMessage({
+            id: "See hotel details",
+          })}
+          <ChevronRightSmallIcon aria-hidden="true" color="burgundy" />
+        </Button>
+        <Button
+          variant="icon"
+          theme="base"
+          intent="text"
+          wrapping
+          onClick={toggleSidePeek}
+        >
+          {intl.formatMessage({
+            id: "Show all amenities",
+          })}
+          <ChevronRightSmallIcon aria-hidden="true" color="burgundy" />
+        </Button>
+      </div>
+      <SidePeek
+        contentKey="hotel-detail-side-peek"
+        title="Hotel Details"
+        isOpen={isOpen}
+        handleClose={() => setIsOpen(false)}
+      >
+        <div>TBD</div>
+      </SidePeek>
+    </>
+  )
+}

components/HotelReservation/HotelSelectionHeader/hotelSelectionHeader.module.css

@@ -0,0 +1,52 @@
+.hotelSelectionHeader {
+  display: flex;
+  flex-direction: column;
+  background-color: var(--Base-Surface-Subtle-Normal);
+  padding: var(--Spacing-x3) var(--Spacing-x2);
+  justify-content: center;
+  gap: var(--Spacing-x3);
+}
+
+.titleContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: var(--Spacing-x1);
+}
+
+.descriptionContainer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x-one-and-half);
+}
+
+.address {
+  display: flex;
+  gap: var(--Spacing-x-one-and-half);
+  font-style: normal;
+}
+
+.dividerContainer {
+  display: none;
+}
+
+@media (min-width: 768px) {
+  .hotelSelectionHeader {
+    flex-direction: row;
+    padding: var(--Spacing-x4) var(--Spacing-x5);
+    gap: var(--Spacing-x6);
+  }
+
+  .titleContainer > h1 {
+    white-space: nowrap;
+  }
+
+  .dividerContainer {
+    display: block;
+  }
+
+  .address {
+    gap: var(--Spacing-x3);
+  }
+}

components/HotelReservation/HotelSelectionHeader/index.tsx

@@ -0,0 +1,52 @@
+import Divider from "@/components/TempDesignSystem/Divider"
+import Body from "@/components/TempDesignSystem/Text/Body"
+import Caption from "@/components/TempDesignSystem/Text/Caption"
+import Title from "@/components/TempDesignSystem/Text/Title"
+import { getIntl } from "@/i18n"
+
+import HotelDetailSidePeek from "./HotelDetailSidePeek"
+
+import styles from "./hotelSelectionHeader.module.css"
+
+import { HotelSelectionHeaderProps } from "@/types/components/hotelReservation/selectRate/hotelSelectionHeader"
+
+export default async function HotelSelectionHeader({
+  hotel,
+}: HotelSelectionHeaderProps) {
+  const intl = await getIntl()
+
+  return (
+    <header className={styles.hotelSelectionHeader}>
+      <div className={styles.titleContainer}>
+        <Title as="h3" level="h1">
+          {hotel.name}
+        </Title>
+        <address className={styles.address}>
+          <Caption color="textMediumContrast">
+            {hotel.address.streetAddress}, {hotel.address.city}
+          </Caption>
+          <div>
+            <Divider variant="vertical" color="subtle" />
+          </div>
+          <Caption color="textMediumContrast">
+            {intl.formatMessage(
+              {
+                id: "Distance to city centre",
+              },
+              { number: hotel.location.distanceToCentre }
+            )}
+          </Caption>
+        </address>
+      </div>
+      <div className={styles.dividerContainer}>
+        <Divider variant="vertical" color="subtle" />
+      </div>
+      <div className={styles.descriptionContainer}>
+        <Body color="textHighContrast">
+          {hotel.hotelContent.texts.descriptions.short}
+        </Body>
+        <HotelDetailSidePeek />
+      </div>
+    </header>
+  )
+}

components/TempDesignSystem/Text/Body/body.module.css

@@ -76,6 +76,10 @@
   color: var(--UI-Text-Medium-contrast);
 }
 
+.textHighContrast {
+  color: var(--UI-Text-High-contrast);
+}
+
 .white {
   color: var(--UI-Opacity-White-100);
 }

components/TempDesignSystem/Text/Body/variants.ts

@@ -11,6 +11,7 @@ const config = {
       pale: styles.pale,
       red: styles.red,
       textMediumContrast: styles.textMediumContrast,
+      textHighContrast: styles.textHighContrast,
       white: styles.white,
       peach50: styles.peach50,
       peach80: styles.peach80,

server/routers/hotels/tempHotelData.json

@@ -9,19 +9,11 @@
       "cityName": "Stockholm",
       "ratings": {
         "tripAdvisor": {
-          "numberOfReviews": 2776,
+          "numberOfReviews": 2793,
-          "rating": 4.0,
+          "rating": 4,
-          "ratingImageUrl": "https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/4.5-15458-5.svg",
+          "ratingImageUrl": "https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/4.0-15458-5.svg",
-          "webUrl": "https://www.tripadvisor.com/Hotel_Review-g189852-d229383-Reviews-Scandic_Continental-Stockholm.html",
+          "webUrl": "https://www.tripadvisor.com/Hotel_Review-g189852-d229383-Reviews-Scandic_Continental-Stockholm.html?m=15458",
           "awards": [
-            {
-              "displayName": "Travelers Choice",
-              "images": {
-                "small": "https://static.tacdn.com/img2/travelers_choice/widgets/tchotel_2024_L.png",
-                "medium": "https://static.tacdn.com/img2/travelers_choice/widgets/tchotel_2024_L.png",
-                "large": "https://static.tacdn.com/img2/travelers_choice/widgets/tchotel_2024_L.png"
-              }
-            },
             {
               "displayName": "Travelers Choice",
               "images": {
@@ -30,12 +22,7 @@
                 "large": "https://static.tacdn.com/img2/travelers_choice/widgets/tchotel_2023_L.png"
               }
             }
-          ],
+          ]
-          "reviews": {
-            "widgetHtmlTagId": "TA_cdspropertydetail",
-            "widgetScriptEmbedUrlIframe": "//www.tripadvisor.com/WidgetEmbed-cdspropertydetail?locationId=12441627&partnerId=FDF3F5CC73C349C0A5AB94C0DD86BB76&lang=en&display=true",
-            "widgetScriptEmbedUrlJavaScript": "//www.tripadvisor.com/WidgetEmbed-cdspropertydetail?locationId=12441627&partnerId=FDF3F5CC73C349C0A5AB94C0DD86BB76&lang=en&display=false"
-          }
         }
       },
       "address": {
@@ -157,7 +144,7 @@
           "facilityInformation": "Relax with your favorite mixed drink in the bar on our roof terrace. Work out in our gym or relax in our sauna. At Scandic Continental we offer meeting rooms for up to 900 participants.",
           "surroundingInformation": "Explore popular attractions such as the Old Town, the Opera, City Hall and Royal Palace. You are close to public transport, buses and trams and within walking distance of all that the city centre has to offer.",
           "descriptions": {
-            "short": "Scandic Continental enjoys a fantastic location in Stockholm city centre. Close to shopping areas, culture, attractions and restaurants. ",
+            "short": "Scandic Continental enjoys a fantastic location in Stockholm city centre. Close to shopping areas, culture, attractions and restaurants.",
             "medium": "Scandic Continental enjoys a fantastic location in Stockholm city centre. Close to shopping areas, culture, attractions and restaurants. Popular attractions such as the Old Town, the Opera, City Hall and Royal Palace are all close by."
           }
         },
@@ -172,190 +159,149 @@
         {
           "id": 5550,
           "name": "Bikes for loan",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "BikesForLoan",
+          "sortOrder": 700,
-          "sortOrder": 700
+          "filter": "None"
         },
         {
           "id": 1829,
           "name": "Gym",
-          "code": "HEA - TRAI",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "Gym",
+          "sortOrder": 1700,
-          "iconName": "Gym",
+          "filter": "Hotel facilities"
-          "sortOrder": 1700
         },
         {
           "id": 1833,
           "name": "Free WiFi",
-          "code": "IHF",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "FreeWiFi",
+          "sortOrder": 1900,
-          "sortOrder": 1900
+          "filter": "None"
         },
         {
           "id": 1834,
           "name": "Laundry service",
-          "code": "LAU",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "LaundryService",
+          "sortOrder": 200,
-          "sortOrder": 200
+          "filter": "None"
         },
         {
           "id": 1406,
           "name": "Parking - additional cost",
-          "code": "PAR",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "None",
+          "sortOrder": 0,
-          "sortOrder": 0
+          "filter": "None"
         },
         {
           "id": 2665,
           "name": "Parking - garage",
-          "code": "GAR",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "Parking",
+          "sortOrder": 1400,
-          "iconName": "Garage",
+          "filter": "Hotel facilities"
-          "sortOrder": 1400
         },
         {
           "id": 1835,
           "name": "Pet-friendly rooms",
-          "code": "PET",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "None",
+          "sortOrder": 0,
-          "sortOrder": 0
+          "filter": "Hotel facilities"
         },
         {
           "id": 1379,
           "name": "Sauna",
-          "code": "SAU - RELX",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "Sauna",
+          "sortOrder": 2000,
-          "sortOrder": 2000
+          "filter": "Hotel facilities"
         },
         {
           "id": 1017,
           "name": "Meeting rooms",
-          "code": "MEE",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "Meeting",
+          "sortOrder": 9000,
-          "sortOrder": 9000
+          "filter": "None"
         },
         {
           "id": 1382,
           "name": "Outdoor terrace",
-          "code": "-",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "OutdoorTerrace",
+          "sortOrder": 1000,
-          "sortOrder": 1000
+          "filter": "Hotel facilities"
         },
         {
           "id": 1408,
           "name": "Scandic Shop 24 hrs",
-          "code": "SHOP",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "Shop",
+          "sortOrder": 100,
-          "sortOrder": 100
+          "filter": "None"
         },
         {
           "id": 1606,
           "name": "Sky bar",
-          "code": "-",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "Skybar",
+          "sortOrder": 1100,
-          "iconName": "Sky Bar / Rooftop Bar",
+          "filter": "Hotel facilities"
-          "sortOrder": 1100
         },
         {
           "id": 5806,
           "name": "Meeting / conference facilities",
-          "code": "MEE - MEETING ",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "None",
+          "sortOrder": 1500,
-          "sortOrder": 1500
+          "filter": "None"
         },
         {
           "id": 1607,
           "name": "Golf course (0-30 km)",
-          "code": "GOLF",
-          "applyToAllHotels": false,
           "public": false,
-          "icon": "None",
+          "sortOrder": 0,
-          "sortOrder": 0
+          "filter": "Hotel surroundings"
         },
         {
           "id": 971,
           "name": "Shopping",
-          "code": "-",
-          "applyToAllHotels": false,
           "public": false,
-          "icon": "None",
+          "sortOrder": 0,
-          "sortOrder": 0
+          "filter": "Hotel surroundings"
         },
         {
           "id": 1911,
           "name": "24 hours security",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "None",
+          "sortOrder": 0,
-          "sortOrder": 0
+          "filter": "None"
         },
         {
           "id": 1913,
           "name": "Overnight security",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "None",
+          "sortOrder": 0,
-          "sortOrder": 0
+          "filter": "None"
         },
         {
           "id": 162583,
           "name": "Laundry service - express",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "ExpressLaundryService",
+          "sortOrder": 300,
-          "iconName": "Express dry cleaning",
+          "filter": "None"
-          "sortOrder": 300
         },
         {
           "id": 229144,
           "name": "TV with Chromecast",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "None",
+          "sortOrder": 0,
-          "sortOrder": 0
+          "filter": "None"
         },
         {
           "id": 1407,
           "name": "Serves breakfast (always included)",
-          "code": "-",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "None",
+          "sortOrder": 0,
-          "sortOrder": 0
+          "filter": "None"
         },
         {
           "id": 1378,
           "name": "Room service",
-          "code": "ROO - R/S",
-          "applyToAllHotels": false,
           "public": true,
-          "icon": "RoomService",
+          "sortOrder": 400,
-          "sortOrder": 400
+          "filter": "None"
         }
       ],
       "healthFacilities": [
@@ -1067,7 +1013,617 @@
         "instagram": "https://www.instagram.com/scandiccontinental/",
         "facebook": "https://www.facebook.com/scandiccontinental/"
       },
-      "isActive": true
+      "isActive": true,
-    }
+      "gallery": {
+        "heroImages": [
+          {
+            "metaData": {
+              "title": "Superior plus, room",
+              "altText": "Superior plus, room",
+              "altText_En": "Superior plus, room",
+              "copyRight": "Elin Strömberg © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/5rrxa1aq23taddapu11q/scandic-continental-room-superiorplus.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/66hti5xhqzmr8jhab213/scandic-continental-room-superiorplus.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/9lplgtij1oyjwaz93lrs/scandic-continental-room-superiorplus.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/f5bdchr9zeat67jri8kw/scandic-continental-room-superiorplus.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Entrance, restaurant Market",
+              "altText": "Entrance, restaurant Market",
+              "altText_En": "Entrance, restaurant Market",
+              "copyRight": "Elin Sylwan © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/9qgydydjtavu128kv2xt/scandic-continental-entrance-themarket.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/0c0sz9g0r9hhejw62ez9/scandic-continental-entrance-themarket.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/ka3ku5zqp5uuqpfjddot/scandic-continental-entrance-themarket.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/ksa5jgagck9sbj2uarz5/scandic-continental-entrance-themarket.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Terrace",
+              "altText": "Terrace",
+              "altText_En": "Terrace",
+              "copyRight": "Björn Enström"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/m9yj4g160snutij4sivk/Scandic_Continental_Capitol_Terrace.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/fqqakeunmamm3uetf47w/Scandic_Continental_Capitol_Terrace.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/6fp0avu8yjrh38zv1as8/Scandic_Continental_Capitol_Terrace.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/j8dveyubybb4f7or9qay/Scandic_Continental_Capitol_Terrace.jpg"
+            }
+          }
+        ],
+        "smallerImages": [
+          {
+            "metaData": {
+              "title": "Entrance",
+              "altText": "Entrance from Vasagatan",
+              "altText_En": "Entrance from Vasagatan",
+              "copyRight": "Elin Sylwan © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/jlnmjycubt2ks3oiaoee/scandic-continental-entrance-vasagatan.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/izgmvkaesxw9jynunuyo/scandic-continental-entrance-vasagatan.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/sfasl29ijndz2ez6lywn/scandic-continental-entrance-vasagatan.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/9vcvf9x9exykkl2yf0bg/scandic-continental-entrance-vasagatan.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Standard room",
+              "altText": "Standard room",
+              "altText_En": "Standard room",
+              "copyRight": "Elin Strömberg © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/qj2en3cqvvadxe5y5b6y/scandic-continental-room-standard.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/16kz0cyxngrwe7880gjh/scandic-continental-room-standard.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/x8r0of336j2rsrhvwlqy/scandic-continental-room-standard.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/co3h6nr4p28j2tn641sz/scandic-continental-room-standard.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Junior suite",
+              "altText": "Junior suite, detail",
+              "altText_En": "Junior suite, detail",
+              "copyRight": "Elin Strömberg © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/tijveokv1qmnmy964iv9/scandic-continental-room-juniorsuite-detail-1.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/i7h3u2x6a9ta46jxb2tg/scandic-continental-room-juniorsuite-detail-1.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/hv4on6ec8qlcxmcd0enl/scandic-continental-room-juniorsuite-detail-1.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/3eakprn9n0zwyjpzpy6p/scandic-continental-room-juniorsuite-detail-1.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Junior Suite",
+              "altText": "Junior Suite",
+              "altText_En": "Junior Suite",
+              "copyRight": "Elin Strömberg © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/7h4bonsezjsjz1lpg6hd/scandic-continental-room-juniorsuite.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/gge47e5ach2e0kuakggx/scandic-continental-room-juniorsuite.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/cts4y9u9w02ockyyoze7/scandic-continental-room-juniorsuite.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/f8aojtx38vb7ywv33cf6/scandic-continental-room-juniorsuite.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Superior plus, room",
+              "altText": "Superior plus, room",
+              "altText_En": "Superior plus, room",
+              "copyRight": "Elin Strömberg © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/5rrxa1aq23taddapu11q/scandic-continental-room-superiorplus.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/66hti5xhqzmr8jhab213/scandic-continental-room-superiorplus.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/9lplgtij1oyjwaz93lrs/scandic-continental-room-superiorplus.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/f5bdchr9zeat67jri8kw/scandic-continental-room-superiorplus.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Superior room, detail",
+              "altText": "Superior room, detail",
+              "altText_En": "Superior room, detail",
+              "copyRight": "Elin Strömberg © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/6jjitns74k9nutn9v9tz/scandic-continental-room-superior-detail.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/ft3se6waag20lx6hxtn9/scandic-continental-room-superior-detail.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/wsfl5usd8qbdm929dvxu/scandic-continental-room-superior-detail.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/duedba0io5xew6almv7l/scandic-continental-room-superior-detail.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Junior suite, bathroom",
+              "altText": "Junior suite, bathroom",
+              "altText_En": "Junior suite, bathroom",
+              "copyRight": "Elin Strömberg © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/2cpdxrywepicqnp9eoob/scandic-continental-room-juniorsuite-bathroom-1.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/ynkzimfaldgef0ukj7q5/scandic-continental-room-juniorsuite-bathroom-1.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/jrhqe8vbm91vegd02bjh/scandic-continental-room-juniorsuite-bathroom-1.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/93ag11udgjefz6qwa8st/scandic-continental-room-juniorsuite-bathroom-1.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Entrance, restaurant Market",
+              "altText": "Entrance, restaurant Market",
+              "altText_En": "Entrance, restaurant Market",
+              "copyRight": "Elin Sylwan © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/9qgydydjtavu128kv2xt/scandic-continental-entrance-themarket.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/0c0sz9g0r9hhejw62ez9/scandic-continental-entrance-themarket.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/ka3ku5zqp5uuqpfjddot/scandic-continental-entrance-themarket.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/ksa5jgagck9sbj2uarz5/scandic-continental-entrance-themarket.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Dining room, the Market",
+              "altText": "Dining room, the Market",
+              "altText_En": "Dining room, the Market",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/bywlg4nwp11hmebfb1wg/scandic-continental-diningroom-themarket.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/fdvp429hm1rfpg2le6jo/scandic-continental-diningroom-themarket.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/wm24ma9ngk8gijotm7va/scandic-continental-diningroom-themarket.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/7xiz9p0f254yl9oef7bj/scandic-continental-diningroom-themarket.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Dining room, the Market",
+              "altText": "Dining room, the Market",
+              "altText_En": "Dining room, the Market",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/zd9rkkm383ctblciw0np/scandic-continental-diningroom-themarket-2.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/i9giiq3ijihm172b5bbw/scandic-continental-diningroom-themarket-2.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/9baixkat8wjdsjn1lo34/scandic-continental-diningroom-themarket-2.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/kwemrr8fohnnwo0uzd3s/scandic-continental-diningroom-themarket-2.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Restaurant, the Market, detail",
+              "altText": "Restaurant, the Market, detail",
+              "altText_En": "Restaurant, the Market, detail",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/uo7e32pi5cmf06as55ad/scandic-continental-themarket-detail.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/1qhpesv8d407j00b1y5x/scandic-continental-themarket-detail.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/ldenlssse8595b4iavjj/scandic-continental-themarket-detail.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/yhs5jgy8mgw9xvzazjze/scandic-continental-themarket-detail.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Breakfast, the Market",
+              "altText": "Breakfast, the Market",
+              "altText_En": "Breakfast, the Market",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/vsj1725jfae5eqx9urua/scandic-continental-breakfast-themarket-15.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/ajqxe5obci19sw4g08ub/scandic-continental-breakfast-themarket-15.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/wi3xa47bwtb5s5kbaxq8/scandic-continental-breakfast-themarket-15.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/1igemz65ffu4nw7bg64l/scandic-continental-breakfast-themarket-15.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Breakfast, the Market",
+              "altText": "Breakfast, the Market",
+              "altText_En": "Breakfast, the Market",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/1clcvo8e86itpus3xy99/scandic-continental-breakfast-themarket-9.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/on5ckcmwxvs47l11natn/scandic-continental-breakfast-themarket-9.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/l5g6dmumzh9duseaa9zw/scandic-continental-breakfast-themarket-9.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/pl45n94xmu19bo0fokwf/scandic-continental-breakfast-themarket-9.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Restaurant Caldo",
+              "altText": "Restaurant Caldo",
+              "altText_En": "Restaurant Caldo",
+              "copyRight": "Elin Sylwan © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/q5cj5qehiq03ey38ppen/scandic-continental-caldo.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/na08m2sippkfzd3yf9le/scandic-continental-caldo.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/wxh6w02ujd5wqyr9bvg8/scandic-continental-caldo.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/bem9c6dxappvlwxg7s1g/scandic-continental-caldo.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Roof top bar",
+              "altText": "Roof top bar at Scandic Continental",
+              "altText_En": "Roof top bar at Scandic Continental",
+              "copyRight": "Scandic"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/cxf1z9sgr9152ls1kdmg/Scandic_Continental_Capitol_The_View_13.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/pd43w13z5dx8l7kzhsyg/Scandic_Continental_Capitol_The_View_13.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/7ryqztmdqg0mam62oyf5/Scandic_Continental_Capitol_The_View_13.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/hwpsq70dbln0l052cjqa/Scandic_Continental_Capitol_The_View_13.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Roof top bar",
+              "altText": "Roof top bar at Scandic Continental",
+              "altText_En": "Roof top bar at Scandic Continental",
+              "copyRight": "Scandic"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/hd1wk1wvtwsz4fuvf0rb/Scandic_Continental_Capitol_The_View_6.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/ioi4ir6ijpy0f5dvu56n/Scandic_Continental_Capitol_The_View_6.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/ydbhbjj3ulju2bxh7ebj/Scandic_Continental_Capitol_The_View_6.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/kom0ttrq6xazxxuodrr1/Scandic_Continental_Capitol_The_View_6.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Terrace",
+              "altText": "Terrace",
+              "altText_En": "Terrace",
+              "copyRight": "Björn Enström"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/m9yj4g160snutij4sivk/Scandic_Continental_Capitol_Terrace.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/fqqakeunmamm3uetf47w/Scandic_Continental_Capitol_Terrace.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/6fp0avu8yjrh38zv1as8/Scandic_Continental_Capitol_Terrace.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/j8dveyubybb4f7or9qay/Scandic_Continental_Capitol_Terrace.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Terrace",
+              "altText": "Terrace",
+              "altText_En": "Terrace",
+              "copyRight": "Björn Enström"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/dsm1ief68fx4b6j5673x/Scandic_Continental_Capitol_Terrace.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/pm1lxtm8zf1ejd0qtko4/Scandic_Continental_Capitol_Terrace.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/wwgkqa2fr5z223ybdemr/Scandic_Continental_Capitol_Terrace.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/aztwaanmwiwk5s0tc36w/Scandic_Continental_Capitol_Terrace.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Rooftop terrace",
+              "altText": "Rooftop terrace",
+              "altText_En": "Rooftop terrace",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/m4mhmwyynuf65ls1cybu/scandic-continental-rooftop-terrace-capital-4.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/phsnpd122oq7e6hszsc7/scandic-continental-rooftop-terrace-capital-4.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/ty9gb8ogkq5iqszke7pe/scandic-continental-rooftop-terrace-capital-4.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/ug0co0ks7v25avze1vi3/scandic-continental-rooftop-terrace-capital-4.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "View",
+              "altText": "View",
+              "altText_En": "View",
+              "copyRight": "Elin Strömberg © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/gs1lqt13ptscg4audxgo/scandic-continental-theview-detail-1.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/otr9i3f4q8084ggfwnm1/scandic-continental-theview-detail-1.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/w8pkgf9igqibmlzp9egl/scandic-continental-theview-detail-1.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/9yujqdk34x6juk6fstks/scandic-continental-theview-detail-1.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "View",
+              "altText": "View",
+              "altText_En": "View",
+              "copyRight": "Elin Strömberg © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/autuf074xvc2xr3zmxyf/scandic-continental-theview-detail-2.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/hyf3fjkreqw2rlx4wm4e/scandic-continental-theview-detail-2.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/3wezw0ftkli48oloekdb/scandic-continental-theview-detail-2.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/ygxz2q45b4gcgscqdzaw/scandic-continental-theview-detail-2.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Work out equipment at the terrace",
+              "altText": "Work out equipment at the terrace",
+              "altText_En": "Work out equipment at the terrace",
+              "copyRight": "Scandic"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/oe32sgg1pudiwfd9hjpa/Scandic_Continental_Terrace_Workout_1.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/1g9d62gqkyvfky85kgag/Scandic_Continental_Terrace_Workout_1.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/eb9n7j8s9scwg89ac4lk/Scandic_Continental_Terrace_Workout_1.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/cyrtt6bmy11y1wti2d9h/Scandic_Continental_Terrace_Workout_1.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Meeting room",
+              "altText": "",
+              "altText_En": "",
+              "copyRight": "Elin Sylwan © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/zbc3bhdzs59sqsvm9v29/scandic-continental-conference-9.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/m2nh4f57ys3bcxuq27hb/scandic-continental-conference-9.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/wk39k84g3nrivntzuww2/scandic-continental-conference-9.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/yn1mzw6nbyl90dreiz6b/scandic-continental-conference-9.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Meeting room",
+              "altText": "",
+              "altText_En": "",
+              "copyRight": "Elin Sylwan © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/mfq1ayjplo7keqxm88ng/scandic-continental-conference-3.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/wzjl4n8qk4imfgla7r73/scandic-continental-conference-3.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/wf6lg2u4bz1f9ntkszuz/scandic-continental-conference-3.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/uh83sqrope55u6q4hbhl/scandic-continental-conference-3.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Meeting room ",
+              "altText": "Meeting room ",
+              "altText_En": "Meeting room ",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/z00ei7j974hx7c9vp8a6/Scandic_Continental_meetingroom_15-16-17-18-0357.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/v64n5ne3ayfo8v3q9x2s/Scandic_Continental_meetingroom_15-16-17-18-0357.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/mtx54l82hr3o3m7k0vqi/Scandic_Continental_meetingroom_15-16-17-18-0357.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/3xr7ovgdjxq5taz8nzma/Scandic_Continental_meetingroom_15-16-17-18-0357.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Breakout area ",
+              "altText": "Breakout area ",
+              "altText_En": "Breakout area ",
+              "copyRight": "Karl Gabor "
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/e84l4tyafvmx6epe0c3d/Scandic_Continental_Breakout_3-0432.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/60im9a4yre1kg5me9riz/Scandic_Continental_Breakout_3-0432.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/nsfh80un5l7qv9y9i1iw/Scandic_Continental_Breakout_3-0432.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/pxe0dozr1joaqig3cbf2/Scandic_Continental_Breakout_3-0432.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Breakout area ",
+              "altText": "Breakout area ",
+              "altText_En": "Breakout area ",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/fpyspgc9op7wb4ay3083/Scandic_Continental_breakout2-0391.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/2ueu1qe77bdqkj682xvq/Scandic_Continental_breakout2-0391.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/xmaaxzi1qrlwkm2gbl0z/Scandic_Continental_breakout2-0391.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/px12tarpgqq31cuz512z/Scandic_Continental_breakout2-0391.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Meeting room ",
+              "altText": "Meeting room ",
+              "altText_En": "Meeting room ",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/ssrltn03vl7layrr5wgk/Scandic_Continental_Meetingroom_15_16_17_18.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/jozqcjuo1dpd9gyqjcyo/Scandic_Continental_Meetingroom_15_16_17_18.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/vdinjqa1j09av33z6wss/Scandic_Continental_Meetingroom_15_16_17_18.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/gq5lhbwrjvvo6otkgi9z/Scandic_Continental_Meetingroom_15_16_17_18.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Gym",
+              "altText": "Gym of Scandic Continental in Stockholm",
+              "altText_En": "Gym of Scandic Continental in Stockholm",
+              "copyRight": "Elin Sylwan © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/ic6077yovsoxdmj9545r/scandic_continental_gym.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/uhhqrnb8wzy9xlr42zn8/scandic_continental_gym.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/iqor5zd7owsll42z59vh/scandic_continental_gym.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/5v5o0bbopf9t7r95sp2o/scandic_continental_gym.jpg"
+            }
+          }
+        ]
+      },
+      "conferencesAndMeetings": {
+        "headingText": "Meetings, conferences & events",
+        "pageUrl": "https://test3.scandichotels.com/hotels/sweden/stockholm/scandic-continental/meetings-conferences-events",
+        "heroImages": [
+          {
+            "metaData": {
+              "title": "Roof top bar",
+              "altText": "Roof bar of Scandic Continental in Stockholm",
+              "altText_En": "Roof bar of Scandic Continental in Stockholm",
+              "copyRight": "Scandic"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/086xasvs4lq29x4oqvbq/Scandic_Continental_Capitol_The_View_2.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/rgrcj8ed9mhecp6hpcuq/Scandic_Continental_Capitol_The_View_2.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/gklysd2pkx9gi0nx1mqu/Scandic_Continental_Capitol_The_View_2.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/sjkd7r6mw6xxhwzkkqvk/Scandic_Continental_Capitol_The_View_2.jpg"
+            }
+          }
+        ]
+      },
+      "healthAndWellness": {
+        "headingText": "Gym and health",
+        "heroImages": [
+          {
+            "metaData": {
+              "title": "Gym",
+              "altText": "Gym of Scandic Continental in Stockholm",
+              "altText_En": "Gym of Scandic Continental in Stockholm",
+              "copyRight": "Elin Sylwan © 2016"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/ic6077yovsoxdmj9545r/scandic_continental_gym.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/uhhqrnb8wzy9xlr42zn8/scandic_continental_gym.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/iqor5zd7owsll42z59vh/scandic_continental_gym.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/5v5o0bbopf9t7r95sp2o/scandic_continental_gym.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Work out equipment at the terrace",
+              "altText": "Work out equipment at the terrace",
+              "altText_En": "Work out equipment at the terrace",
+              "copyRight": "Scandic"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/oe32sgg1pudiwfd9hjpa/Scandic_Continental_Terrace_Workout_1.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/1g9d62gqkyvfky85kgag/Scandic_Continental_Terrace_Workout_1.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/eb9n7j8s9scwg89ac4lk/Scandic_Continental_Terrace_Workout_1.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/cyrtt6bmy11y1wti2d9h/Scandic_Continental_Terrace_Workout_1.jpg"
+            }
+          }
+        ]
+      },
+      "accessibilityElevatorPitchText": "Find the information you might need, before visiting us. You are always welcome to our hotel - completely without barriers. Regardless of impairment, sight, hearing, allergies or wheelchair, we have made sure that you enjoy your stay.",
+      "merchantInformationData": {
+        "webMerchantId": "1110009031",
+        "cards": {
+          "americanExpress": true,
+          "dankort": false,
+          "dinersClub": true,
+          "jcb": true,
+          "masterCard": true,
+          "visa": true,
+          "maestro": false,
+          "chinaUnionPay": true,
+          "discover": true
+        },
+        "alternatePaymentOptions": {
+          "swish": true,
+          "vipps": false,
+          "mobilePay": true,
+          "applePay": true,
+          "alipayPlus": false,
+          "googlePay": true,
+          "klarna": false,
+          "payPal": false,
+          "weChatPay": false
+        }
+      },
+      "restaurantImages": {
+        "headingText": "Bar and breakfast",
+        "heroImages": [
+          {
+            "metaData": {
+              "title": "Dining room, the Market",
+              "altText": "Dining room, the Market",
+              "altText_En": "Dining room, the Market",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/bywlg4nwp11hmebfb1wg/scandic-continental-diningroom-themarket.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/fdvp429hm1rfpg2le6jo/scandic-continental-diningroom-themarket.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/wm24ma9ngk8gijotm7va/scandic-continental-diningroom-themarket.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/7xiz9p0f254yl9oef7bj/scandic-continental-diningroom-themarket.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Rooftop bar",
+              "altText": "Rooftop bar",
+              "altText_En": "Rooftop bar",
+              "copyRight": "Karl Gabor"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/ntwor0b4i90sp9sh5qbj/scandic-continental-rooftopbar-capital.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/ivxowx9eunbyz68qkstd/scandic-continental-rooftopbar-capital.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/6pi2262z6lo0un7x7iik/scandic-continental-rooftopbar-capital.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/6rlwgo7lq198xg7ifii6/scandic-continental-rooftopbar-capital.jpg"
+            }
+          },
+          {
+            "metaData": {
+              "title": "Terrace",
+              "altText": "Bar of Scandic Continental in Stockholm",
+              "altText_En": "Bar of Scandic Continental in Stockholm",
+              "copyRight": "Björn Enström"
+            },
+            "imageSizes": {
+              "tiny": "https://test3.scandichotels.com/imagevault/publishedmedia/69jl573jtmw8g4jjtugo/Scandic_Continental_Capitol_Terrace.jpg",
+              "small": "https://test3.scandichotels.com/imagevault/publishedmedia/td5tz4ld37kwws6rpnye/Scandic_Continental_Capitol_Terrace.jpg",
+              "medium": "https://test3.scandichotels.com/imagevault/publishedmedia/mlrdylyxf3m9fr5r9l7x/Scandic_Continental_Capitol_Terrace.jpg",
+              "large": "https://test3.scandichotels.com/imagevault/publishedmedia/dywcmnaamp0altjge9qx/Scandic_Continental_Capitol_Terrace.jpg"
+            }
+          }
+        ]
+      }
+    },
+    "relationships": {
+      "restaurants": {
+        "links": {
+          "related": "http://tstapi.scandichotels.com/hotel/v1/Hotels/811/restaurants?language=En"
+        }
+      },
+      "nearbyHotels": {
+        "links": {
+          "related": "http://tstapi.scandichotels.com/hotel/v1/Hotels/811/nearbyHotels?language=En"
+        }
+      },
+      "roomCategories": {
+        "links": {
+          "related": "http://tstapi.scandichotels.com/hotel/v1/Hotels/811/roomCategories?language=En"
+        }
+      },
+      "meetingRooms": {
+        "links": {
+          "related": "http://tstapi.scandichotels.com/hotel/v1/Hotels/811/meetingRooms?language=En"
+        }
+      },
+      "merchantInformation": {
+        "links": {
+          "related": "http://tstapi.scandichotels.com/hotel/v1/Hotels/811/merchantInformation?language=En"
+        }
+      }
+    },
+    "id": "811",
+    "language": "En",
+    "type": "hotels"
   }
 }

types/components/hotelReservation/selectRate/hotelSelectionHeader.ts

@@ -0,0 +1,5 @@
+import { Hotel } from "@/types/hotel"
+
+export type HotelSelectionHeaderProps = {
+  hotel: Hotel
+}