diff --git a/app/[lang]/(live)/(public)/hotelreservation/select-rate/page.module.css b/app/[lang]/(live)/(public)/hotelreservation/[section]/page.module.css
similarity index 61%
rename from app/[lang]/(live)/(public)/hotelreservation/select-rate/page.module.css
rename to app/[lang]/(live)/(public)/hotelreservation/[section]/page.module.css
index d6c36de71..3266c418d 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/select-rate/page.module.css
+++ b/app/[lang]/(live)/(public)/hotelreservation/[section]/page.module.css
@@ -1,7 +1,3 @@
-.hotelInfo {
-  margin-bottom: 64px;
-}
-
 .page {
   min-height: 100dvh;
   padding-top: var(--Spacing-x6);
@@ -12,6 +8,18 @@
 
 .content {
   max-width: 1134px;
+  margin-top: var(--Spacing-x5);
   margin-left: auto;
   margin-right: auto;
+  display: flex;
+  justify-content: space-between;
+  gap: var(--Spacing-x7);
+}
+
+.main {
+  flex-grow: 1;
+}
+
+.summary {
+  max-width: 340px;
 }
diff --git a/app/[lang]/(live)/(public)/hotelreservation/[section]/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/[section]/page.tsx
new file mode 100644
index 000000000..93a46d618
--- /dev/null
+++ b/app/[lang]/(live)/(public)/hotelreservation/[section]/page.tsx
@@ -0,0 +1,188 @@
+import { notFound } from "next/navigation"
+
+import { serverClient } from "@/lib/trpc/server"
+
+import HotelCard from "@/components/HotelReservation/HotelCard"
+import BedSelection from "@/components/HotelReservation/SelectRate/BedSelection"
+import BreakfastSelection from "@/components/HotelReservation/SelectRate/BreakfastSelection"
+import Details from "@/components/HotelReservation/SelectRate/Details"
+import Payment from "@/components/HotelReservation/SelectRate/Payment"
+import RoomSelection from "@/components/HotelReservation/SelectRate/RoomSelection"
+import SectionAccordion from "@/components/HotelReservation/SelectRate/SectionAccordion"
+import Summary from "@/components/HotelReservation/SelectRate/Summary"
+import { getIntl } from "@/i18n"
+import { setLang } from "@/i18n/serverContext"
+
+import styles from "./page.module.css"
+
+import { SectionPageProps } from "@/types/components/hotelReservation/selectRate/section"
+import { LangParams, PageArgs } from "@/types/params"
+
+const bedAlternatives = [
+  {
+    value: "queen",
+    name: "Queen bed",
+    payment: "160 cm",
+    pricePerNight: 0,
+    membersPricePerNight: 0,
+    currency: "SEK",
+  },
+  {
+    value: "king",
+    name: "King bed",
+    payment: "160 cm",
+    pricePerNight: 0,
+    membersPricePerNight: 0,
+    currency: "SEK",
+  },
+  {
+    value: "twin",
+    name: "Twin bed",
+    payment: "90 cm + 90 cm",
+    pricePerNight: 82,
+    membersPricePerNight: 67,
+    currency: "SEK",
+  },
+]
+
+const breakfastAlternatives = [
+  {
+    value: "no",
+    name: "No breakfast",
+    payment: "Always cheeper to get it online",
+    pricePerNight: 0,
+    currency: "SEK",
+  },
+  {
+    value: "buffe",
+    name: "Breakfast buffé",
+    payment: "Always cheeper to get it online",
+    pricePerNight: 150,
+    currency: "SEK",
+  },
+]
+
+const getFlexibilityMessage = (value: string) => {
+  switch (value) {
+    case "non-refundable":
+      return "Non refundable"
+    case "free-rebooking":
+      return "Free rebooking"
+    case "free-cancellation":
+      return "Free cancellation"
+  }
+  return undefined
+}
+
+export default async function SectionsPage({
+  params,
+  searchParams,
+}: PageArgs<LangParams & { section: string }, SectionPageProps>) {
+  setLang(params.lang)
+
+  // TODO: pass the correct hotel ID
+  const hotelResponse = await serverClient().hotel.get({
+    hotelId: "879",
+    language: params.lang,
+  })
+  if (!hotelResponse) {
+    return notFound()
+  }
+  const { hotel } = hotelResponse
+  const rooms = await serverClient().hotel.rates.get({
+    // TODO: pass the correct hotel ID and all other parameters that should be included in the search
+    hotelId: "1",
+  })
+  const intl = await getIntl()
+
+  const selectedBed = searchParams.bed
+    ? bedAlternatives.find((a) => a.value === searchParams.bed)?.name
+    : undefined
+
+  const selectedBreakfast = searchParams.breakfast
+    ? breakfastAlternatives.find((a) => a.value === searchParams.breakfast)
+        ?.name
+    : undefined
+
+  const selectedRoom = searchParams.roomClass
+    ? rooms.find((room) => room.id.toString() === searchParams.roomClass)?.name
+    : undefined
+  const selectedFlexibility = searchParams.flexibility
+    ? getFlexibilityMessage(searchParams.flexibility)
+    : undefined
+
+  const currentSearchParams = new URLSearchParams(searchParams).toString()
+
+  return (
+    <div>
+      <HotelCard hotel={hotel} />
+
+      <div className={styles.content}>
+        <div className={styles.main}>
+          <SectionAccordion
+            header={intl.formatMessage({ id: "Room & Terms" })}
+            selection={
+              selectedRoom
+                ? [
+                    selectedRoom,
+                    intl.formatMessage({ id: selectedFlexibility }),
+                  ]
+                : undefined
+            }
+            path={`select-rate?${currentSearchParams}`}
+          >
+            {params.section === "select-rate" && (
+              <RoomSelection
+                alternatives={rooms}
+                nextPath="select-bed"
+                // TODO: Get real value
+                nrOfNights={1}
+                // TODO: Get real value
+                nrOfAdults={1}
+              />
+            )}
+          </SectionAccordion>
+          <SectionAccordion
+            header={intl.formatMessage({ id: "Bed type" })}
+            selection={selectedBed}
+            path={`select-bed?${currentSearchParams}`}
+          >
+            {params.section === "select-bed" && (
+              <BedSelection
+                nextPath="breakfast"
+                alternatives={bedAlternatives}
+              />
+            )}
+          </SectionAccordion>
+          <SectionAccordion
+            header={intl.formatMessage({ id: "Breakfast" })}
+            selection={selectedBreakfast}
+            path={`breakfast?${currentSearchParams}`}
+          >
+            {params.section === "breakfast" && (
+              <BreakfastSelection
+                alternatives={breakfastAlternatives}
+                nextPath="details"
+              />
+            )}
+          </SectionAccordion>
+          <SectionAccordion
+            header={intl.formatMessage({ id: "Your details" })}
+            path={`details?${currentSearchParams}`}
+          >
+            {params.section === "details" && <Details />}
+          </SectionAccordion>
+          <SectionAccordion
+            header={intl.formatMessage({ id: "Payment info" })}
+            path={`payment?${currentSearchParams}`}
+          >
+            {params.section === "payment" && <Payment />}
+          </SectionAccordion>
+        </div>
+        <div className={styles.summary}>
+          <Summary />
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/app/[lang]/(live)/(public)/hotelreservation/select-rate/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/select-rate/page.tsx
deleted file mode 100644
index 518fe667c..000000000
--- a/app/[lang]/(live)/(public)/hotelreservation/select-rate/page.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { serverClient } from "@/lib/trpc/server"
-import tempHotelData from "@/server/routers/hotels/tempHotelData.json"
-
-import HotelCard from "@/components/HotelReservation/HotelCard"
-import BedSelection from "@/components/HotelReservation/SelectRate/BedSelection"
-import BreakfastSelection from "@/components/HotelReservation/SelectRate/BreakfastSelection"
-import FlexibilitySelection from "@/components/HotelReservation/SelectRate/FlexibilitySelection"
-import RoomSelection from "@/components/HotelReservation/SelectRate/RoomSelection"
-import { setLang } from "@/i18n/serverContext"
-
-import styles from "./page.module.css"
-
-import { LangParams, PageArgs } from "@/types/params"
-
-export default async function SelectRate({ params }: PageArgs<LangParams>) {
-  setLang(params.lang)
-
-  // TODO: Use real endpoint.
-  const hotel = tempHotelData.data.attributes
-
-  const rooms = await serverClient().hotel.rates.get({
-    // TODO: pass the correct hotel ID and all other parameters that should be included in the search
-    hotelId: "1",
-  })
-
-  return (
-    <div className={styles.page}>
-      <main className={styles.content}>
-        <div className={styles.hotelInfo}>
-          <HotelCard hotel={hotel} />
-        </div>
-        <RoomSelection rooms={rooms} />
-        <FlexibilitySelection />
-        <BreakfastSelection />
-        <BedSelection />
-      </main>
-    </div>
-  )
-}
diff --git a/components/HotelReservation/SelectRate/BedSelection/index.tsx b/components/HotelReservation/SelectRate/BedSelection/index.tsx
index 784150d54..2d2d0d4a8 100644
--- a/components/HotelReservation/SelectRate/BedSelection/index.tsx
+++ b/components/HotelReservation/SelectRate/BedSelection/index.tsx
@@ -1,70 +1,54 @@
-import Header from "@/components/Section/Header"
-import { getIntl } from "@/i18n"
+"use client"
+import { useRouter, useSearchParams } from "next/navigation"
 
 import SelectionCard from "../SelectionCard"
 
 import styles from "./bedSelection.module.css"
 
-const choices = [
-  {
-    value: "queen",
-    name: "Queen bed",
-    payment: "160 cm",
-    pricePerNight: 0,
-    membersPricePerNight: 0,
-    currency: "SEK",
-  },
-  {
-    value: "king",
-    name: "King bed",
-    payment: "160 cm",
-    pricePerNight: 0,
-    membersPricePerNight: 0,
-    currency: "SEK",
-  },
-  {
-    value: "twin",
-    name: "Twin bed",
-    payment: "90 cm + 90 cm",
-    pricePerNight: 82,
-    membersPricePerNight: 67,
-    currency: "SEK",
-  },
-]
+import { BedSelectionProps } from "@/types/components/hotelReservation/selectRate/section"
 
-export default async function BedSelection() {
-  const { formatMessage } = await getIntl()
+export default function BedSelection({
+  alternatives,
+  nextPath,
+}: BedSelectionProps) {
+  const router = useRouter()
+  const searchParams = useSearchParams()
+
+  function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
+    e.preventDefault()
+    const queryParams = new URLSearchParams(searchParams)
+    queryParams.set("bed", e.currentTarget.bed?.value)
+    router.push(`${nextPath}?${queryParams}`)
+  }
 
   return (
     <div className={styles.wrapper}>
-      <div className={styles.header}>
-        <Header
-          title={formatMessage({ id: "Choose type of bed" })}
-          subtitle={formatMessage({ id: "How do you want to sleep?" })}
-        />
-        <p>
-          {formatMessage({
-            id: "All our beds are from Bliss, allowing you to adjust the firmness for your perfect comfort.",
-          })}
-        </p>
-      </div>
+      <form
+        method="GET"
+        action={`${nextPath}?${searchParams}`}
+        onSubmit={handleSubmit}
+      >
+        <ul className={styles.list}>
+          {alternatives.map((alternative) => (
+            <li key={alternative.value}>
+              <label>
+                <input type="radio" name="bed" value={alternative.value} />
+                <SelectionCard
+                  title={alternative.name}
+                  subtext={`(${alternative.payment})`}
+                  price={alternative.pricePerNight}
+                  membersPrice={alternative.membersPricePerNight}
+                  currency={alternative.currency}
+                />
+              </label>
+            </li>
+          ))}
+        </ul>
 
-      <ul className={styles.list}>
-        {choices.map((choice) => (
-          <li key={choice.value}>
-            <label>
-              <input type="radio" name="bed" value={choice.value} />
-              <SelectionCard
-                title={choice.name}
-                subtext={`(${choice.payment})`}
-                price={choice.pricePerNight}
-                membersPrice={choice.membersPricePerNight}
-                currency={choice.currency}
-              />
-            </label>
-          </li>
-        ))}
-      </ul>
+        <button type="submit" hidden>
+          Submit
+        </button>
+      </form>
     </div>
   )
 }
diff --git a/components/HotelReservation/SelectRate/BreakfastSelection/index.tsx b/components/HotelReservation/SelectRate/BreakfastSelection/index.tsx
index 7183d19e8..7cdce91f1 100644
--- a/components/HotelReservation/SelectRate/BreakfastSelection/index.tsx
+++ b/components/HotelReservation/SelectRate/BreakfastSelection/index.tsx
@@ -1,56 +1,57 @@
-import Header from "@/components/Section/Header"
-import { getIntl } from "@/i18n"
+"use client"
+import { useRouter, useSearchParams } from "next/navigation"
 
 import SelectionCard from "../SelectionCard"
 
 import styles from "./breakfastSelection.module.css"
 
-const choices = [
-  {
-    value: "no",
-    name: "No breakfast",
-    payment: "Always cheeper to get it online",
-    pricePerNight: 0,
-    currency: "SEK",
-  },
-  {
-    value: "buffe",
-    name: "Breakfast buffé",
-    payment: "Always cheeper to get it online",
-    pricePerNight: 150,
-    currency: "SEK",
-  },
-]
+import { BreakfastSelectionProps } from "@/types/components/hotelReservation/selectRate/section"
 
-export default async function BreakfastSelection() {
-  const { formatMessage } = await getIntl()
+export default function BreakfastSelection({
+  alternatives,
+  nextPath,
+}: BreakfastSelectionProps) {
+  const router = useRouter()
+  const searchParams = useSearchParams()
+
+  function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
+    e.preventDefault()
+    const queryParams = new URLSearchParams(searchParams)
+    queryParams.set("breakfast", e.currentTarget.breakfast?.value)
+    router.push(`${nextPath}?${queryParams}`)
+  }
 
   return (
     <div className={styles.wrapper}>
-      <div className={styles.header}>
-        <Header
-          title={formatMessage({ id: "Breakfast" })}
-          subtitle={formatMessage({
-            id: "Do you want to start the day with Scandics famous breakfast buffé?",
-          })}
-        />
-      </div>
+      <form
+        method="GET"
+        action={`${nextPath}?${searchParams}`}
+        onSubmit={handleSubmit}
+      >
+        <ul className={styles.list}>
+          {alternatives.map((alternative) => (
+            <li key={alternative.value}>
+              <label>
+                <input
+                  type="radio"
+                  name="breakfast"
+                  value={alternative.value}
+                />
+                <SelectionCard
+                  title={alternative.name}
+                  subtext={alternative.payment}
+                  price={alternative.pricePerNight}
+                  currency={alternative.currency}
+                />
+              </label>
+            </li>
+          ))}
+        </ul>
 
-      <ul className={styles.list}>
-        {choices.map((choice) => (
-          <li key={choice.value}>
-            <label>
-              <input type="radio" name="breakfast" value={choice.value} />
-              <SelectionCard
-                title={choice.name}
-                subtext={choice.payment}
-                price={choice.pricePerNight}
-                currency={choice.currency}
-              />
-            </label>
-          </li>
-        ))}
-      </ul>
+        <button type="submit" hidden>
+          Submit
+        </button>
+      </form>
     </div>
   )
 }
diff --git a/components/HotelReservation/SelectRate/Details/details.module.css b/components/HotelReservation/SelectRate/Details/details.module.css
new file mode 100644
index 000000000..ec81ef8e9
--- /dev/null
+++ b/components/HotelReservation/SelectRate/Details/details.module.css
@@ -0,0 +1,2 @@
+.wrapper {
+}
diff --git a/components/HotelReservation/SelectRate/Details/index.tsx b/components/HotelReservation/SelectRate/Details/index.tsx
new file mode 100644
index 000000000..0b2dee1a1
--- /dev/null
+++ b/components/HotelReservation/SelectRate/Details/index.tsx
@@ -0,0 +1,6 @@
+"use client"
+import styles from "./details.module.css"
+
+export default function Details() {
+  return <div className={styles.wrapper}>Details TBI</div>
+}
diff --git a/components/HotelReservation/SelectRate/FlexibilitySelection/flexibilitySelection.module.css b/components/HotelReservation/SelectRate/FlexibilitySelection/flexibilitySelection.module.css
deleted file mode 100644
index 6c6a80b90..000000000
--- a/components/HotelReservation/SelectRate/FlexibilitySelection/flexibilitySelection.module.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.wrapper {
-  border-bottom: 1px solid rgba(17, 17, 17, 0.2);
-  padding-bottom: var(--Spacing-x3);
-}
-
-.header {
-  margin-top: var(--Spacing-x2);
-  margin-bottom: var(--Spacing-x2);
-}
-
-.list {
-  margin-top: var(--Spacing-x4);
-  list-style: none;
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  column-gap: var(--Spacing-x2);
-  row-gap: var(--Spacing-x4);
-}
-
-.list > li {
-  width: 100%;
-}
-
-.list input[type="radio"] {
-  opacity: 0;
-  position: fixed;
-  width: 0;
-}
diff --git a/components/HotelReservation/SelectRate/FlexibilitySelection/index.tsx b/components/HotelReservation/SelectRate/FlexibilitySelection/index.tsx
deleted file mode 100644
index 592732f86..000000000
--- a/components/HotelReservation/SelectRate/FlexibilitySelection/index.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import Header from "@/components/Section/Header"
-import { getIntl } from "@/i18n"
-
-import SelectionCard from "../SelectionCard"
-
-import styles from "./flexibilitySelection.module.css"
-
-const choices = [
-  {
-    value: "non-refundable",
-    name: "Non refundable",
-    payment: "Pay now",
-    pricePerNight: 0,
-    membersPricePerNight: 0,
-    currency: "SEK",
-  },
-  {
-    value: "rebook",
-    name: "Free rebooking",
-    payment: "Pay now",
-    pricePerNight: 77,
-    membersPricePerNight: 20,
-    currency: "SEK",
-  },
-  {
-    value: "cancellation",
-    name: "Free cancellation",
-    payment: "Pay later",
-    pricePerNight: 132,
-    membersPricePerNight: 80,
-    currency: "SEK",
-  },
-]
-
-export default async function FlexibilitySelection() {
-  const { formatMessage } = await getIntl()
-
-  return (
-    <div className={styles.wrapper}>
-      <div className={styles.header}>
-        <Header title={formatMessage({ id: "Flexibility" })} subtitle={null} />
-      </div>
-
-      <ul className={styles.list}>
-        {choices.map((choice) => (
-          <li key={choice.value}>
-            <label>
-              <input type="radio" name="flexibility" value={choice.value} />
-              <SelectionCard
-                title={choice.name}
-                subtext={choice.payment}
-                price={choice.pricePerNight}
-                membersPrice={choice.membersPricePerNight}
-                currency={choice.currency}
-              />
-            </label>
-          </li>
-        ))}
-      </ul>
-    </div>
-  )
-}
diff --git a/components/HotelReservation/SelectRate/Payment/index.tsx b/components/HotelReservation/SelectRate/Payment/index.tsx
new file mode 100644
index 000000000..a9915a310
--- /dev/null
+++ b/components/HotelReservation/SelectRate/Payment/index.tsx
@@ -0,0 +1,6 @@
+"use client"
+import styles from "./payment.module.css"
+
+export default function Payment() {
+  return <div className={styles.wrapper}>Payment TBI</div>
+}
diff --git a/components/HotelReservation/SelectRate/Payment/payment.module.css b/components/HotelReservation/SelectRate/Payment/payment.module.css
new file mode 100644
index 000000000..ec81ef8e9
--- /dev/null
+++ b/components/HotelReservation/SelectRate/Payment/payment.module.css
@@ -0,0 +1,2 @@
+.wrapper {
+}
diff --git a/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/flexibilityOption.module.css b/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/flexibilityOption.module.css
new file mode 100644
index 000000000..cf6c7b165
--- /dev/null
+++ b/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/flexibilityOption.module.css
@@ -0,0 +1,15 @@
+.card {
+  font-size: 14px;
+  border-radius: var(--Corner-radius-Medium);
+  border: 1px solid var(--Base-Border-Normal);
+  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
+}
+
+input[type="radio"]:checked + .card {
+  background-color: var(--Base-Surface-Primary-light-Hover-alt);
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+}
diff --git a/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/index.tsx b/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/index.tsx
new file mode 100644
index 000000000..5760c219f
--- /dev/null
+++ b/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/index.tsx
@@ -0,0 +1,45 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import Body from "@/components/TempDesignSystem/Text/Body"
+import Caption from "@/components/TempDesignSystem/Text/Caption"
+
+import styles from "./flexibilityOption.module.css"
+
+import { FlexibilityOptionProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption"
+
+export default function FlexibilityOption({
+  currency,
+  standardPrice,
+  memberPrice,
+  name,
+  value,
+  paymentTerm,
+}: FlexibilityOptionProps) {
+  const intl = useIntl()
+  return (
+    <label>
+      <input type="radio" name="flexibility" value={value} />
+      <div className={styles.card}>
+        <div className={styles.header}>
+          <Body>{name}</Body>
+          <Caption>{paymentTerm}</Caption>
+        </div>
+        <dl>
+          <div>
+            <dt>{intl.formatMessage({ id: "Standard price" })}</dt>
+            <dd>
+              {standardPrice} {currency}
+            </dd>
+          </div>
+          <div>
+            <dt>{intl.formatMessage({ id: "Member price" })}</dt>
+            <dd>
+              {memberPrice} {currency}
+            </dd>
+          </div>
+        </dl>
+      </div>
+    </label>
+  )
+}
diff --git a/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx b/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx
index 38f8bfc55..ea4c0540c 100644
--- a/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx
+++ b/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx
@@ -1,49 +1,92 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import FlexibilityOption from "@/components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption"
 import Button from "@/components/TempDesignSystem/Button"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
-import Title from "@/components/TempDesignSystem/Text/Title"
-import { getIntl } from "@/i18n"
+import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 
 import styles from "./roomCard.module.css"
 
 import { RoomCardProps } from "@/types/components/hotelReservation/selectRate/roomCard"
 
-export default async function RoomCard({ room }: RoomCardProps) {
-  const { formatMessage } = await getIntl()
+export default function RoomCard({
+  room,
+  nrOfAdults,
+  nrOfNights,
+  breakfastIncluded,
+}: RoomCardProps) {
+  const intl = useIntl()
   return (
     <div className={styles.card}>
       <div className={styles.cardBody}>
-        <div>
-          <Title className={styles.name} as="h5" level="h3">
+        <div className={styles.specification}>
+          <Subtitle className={styles.name} type="two">
             {room.name}
-          </Title>
-          <div className={styles.nameInfo}>i</div>
+          </Subtitle>
+          <Caption>{room.size}</Caption>
+          <Button intent="text" type="button" size="small" theme="base">
+            {intl.formatMessage({ id: "See room details" })}
+          </Button>
+          <Caption>
+            {/*TODO: Handle pluralisation*/}
+            {intl.formatMessage(
+              {
+                id: "Nr night, nr adult",
+                defaultMessage:
+                  "{nights, number} night, {adults, number} adult",
+              },
+              { nights: nrOfNights, adults: nrOfAdults }
+            )}
+            {" | "}
+            {breakfastIncluded
+              ? intl.formatMessage({
+                  id: "Breakfast included",
+                })
+              : intl.formatMessage({
+                  id: "Breakfast excluded",
+                })}
+          </Caption>
         </div>
-        <Caption color="burgundy">{room.size}</Caption>
-        <Caption color="burgundy">{room.description}</Caption>
 
-        <Caption color="burgundy">
-          {/* TODO: Handle currency and this whole line of text in a better way through intl */}
-          {formatMessage({ id: "From" })}{" "}
-          <span className={styles.price}>{room.pricePerNight}</span>{" "}
-          {room.currency}/{formatMessage({ id: "night" })}
-        </Caption>
+        <FlexibilityOption
+          name={intl.formatMessage({ id: "Non-refundable" })}
+          value="non-refundable"
+          paymentTerm={intl.formatMessage({ id: "Pay now" })}
+          standardPrice={room.prices.nonRefundable.standard}
+          memberPrice={room.prices.nonRefundable.member}
+          currency={room.prices.currency}
+        />
+        <FlexibilityOption
+          name={intl.formatMessage({ id: "Free rebooking" })}
+          value="free-rebooking"
+          paymentTerm={intl.formatMessage({ id: "Pay now" })}
+          standardPrice={room.prices.freeRebooking.standard}
+          memberPrice={room.prices.freeRebooking.member}
+          currency={room.prices.currency}
+        />
+        <FlexibilityOption
+          name={intl.formatMessage({ id: "Free cancellation" })}
+          value="free-cancellation"
+          paymentTerm={intl.formatMessage({ id: "Pay later" })}
+          standardPrice={room.prices.freeCancellation.standard}
+          memberPrice={room.prices.freeCancellation.member}
+          currency={room.prices.currency}
+        />
 
         <Button
-          asChild
-          type="button"
+          type="submit"
           size="small"
           theme="primaryDark"
           className={styles.button}
         >
-          <label htmlFor={`room-${room.id}`}>
-            {formatMessage({ id: "Choose room" })}
-          </label>
+          {intl.formatMessage({ id: "Choose room" })}
         </Button>
       </div>
       {/* TODO: maybe use the `Image` component instead of the `img` tag. Waiting until we know how to get the image */}
       {/* eslint-disable-next-line @next/next/no-img-element */}
       <img
-        alt={formatMessage({ id: "A photo of the room" })}
+        alt={intl.formatMessage({ id: "A photo of the room" })}
         src={room.imageSrc}
       />
     </div>
diff --git a/components/HotelReservation/SelectRate/RoomSelection/RoomCard/roomCard.module.css b/components/HotelReservation/SelectRate/RoomSelection/RoomCard/roomCard.module.css
index b657f057e..3102b1c3a 100644
--- a/components/HotelReservation/SelectRate/RoomSelection/RoomCard/roomCard.module.css
+++ b/components/HotelReservation/SelectRate/RoomSelection/RoomCard/roomCard.module.css
@@ -1,6 +1,5 @@
 .card {
   font-size: 14px;
-  text-align: center;
   display: flex;
   flex-direction: column-reverse;
   background-color: #fff;
@@ -8,12 +7,15 @@
   border: 1px solid rgba(77, 0, 27, 0.1);
 }
 
-input[type="radio"]:checked + .card {
-  border: 3px solid var(--Scandic-Brand-Scandic-Red);
+.cardBody {
+  padding: var(--Spacing-x1);
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x1);
 }
 
-.cardBody {
-  padding: var(--Spacing-x2);
+.specification {
+  padding: var(--Spacing-x1);
   display: flex;
   flex-direction: column;
   gap: var(--Spacing-x1);
@@ -22,15 +24,6 @@ input[type="radio"]:checked + .card {
 .name {
   display: inline-block;
 }
-.nameInfo {
-  float: right;
-}
-
-.price {
-  font-size: 24px;
-  font-weight: 600;
-  text-align: center;
-}
 
 .card .button {
   display: inline;
@@ -38,6 +31,6 @@ input[type="radio"]:checked + .card {
 
 .card img {
   max-width: 100%;
-  aspect-ratio: 2.45;
+  aspect-ratio: 1.5;
   object-fit: cover;
 }
diff --git a/components/HotelReservation/SelectRate/RoomSelection/index.tsx b/components/HotelReservation/SelectRate/RoomSelection/index.tsx
index 4e6588fa3..d1be37221 100644
--- a/components/HotelReservation/SelectRate/RoomSelection/index.tsx
+++ b/components/HotelReservation/SelectRate/RoomSelection/index.tsx
@@ -1,42 +1,52 @@
-import Header from "@/components/Section/Header"
-import { getIntl } from "@/i18n"
+"use client"
+import { useRouter, useSearchParams } from "next/navigation"
 
 import RoomCard from "./RoomCard"
 
 import styles from "./roomSelection.module.css"
 
-import { RoomSelectionProps } from "@/types/components/hotelReservation/selectRate/roomSelection"
+import { RoomSelectionProps } from "@/types/components/hotelReservation/selectRate/section"
 
-export default async function RoomSelection({ rooms }: RoomSelectionProps) {
-  const { formatMessage } = await getIntl()
+export default function RoomSelection({
+  alternatives,
+  nextPath,
+  nrOfNights,
+  nrOfAdults,
+}: RoomSelectionProps) {
+  const router = useRouter()
+  const searchParams = useSearchParams()
+
+  function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
+    e.preventDefault()
+    const queryParams = new URLSearchParams(searchParams)
+    queryParams.set("roomClass", e.currentTarget.roomClass?.value)
+    queryParams.set("flexibility", e.currentTarget.flexibility?.value)
+    router.push(`${nextPath}?${queryParams}`)
+  }
 
   return (
     <div className={styles.wrapper}>
-      <div className={styles.header}>
-        <Header
-          title={formatMessage({ id: "Choose room" })}
-          subtitle={formatMessage({
-            id: "Which room class suits you the best?",
-          })}
-          link={{
-            href: "#",
-            text: formatMessage({
-              id: "All rooms comes with standard amenities",
-            }),
-          }}
-        />
-      </div>
-
       <ul className={styles.roomList}>
-        {rooms.map((room) => (
+        {alternatives.map((room) => (
           <li key={room.id}>
-            <input
-              type="radio"
-              name="room"
-              value={room.id}
-              id={`room-${room.id}`}
-            />
-            <RoomCard room={room} />
+            <form
+              method="GET"
+              action={`${nextPath}?${searchParams}`}
+              onSubmit={handleSubmit}
+            >
+              <input
+                type="hidden"
+                name="roomClass"
+                value={room.id}
+                id={`room-${room.id}`}
+              />
+              <RoomCard
+                room={room}
+                nrOfAdults={nrOfAdults}
+                nrOfNights={nrOfNights}
+                breakfastIncluded={room.breakfastIncluded}
+              />
+            </form>
           </li>
         ))}
       </ul>
diff --git a/components/HotelReservation/SelectRate/RoomSelection/roomSelection.module.css b/components/HotelReservation/SelectRate/RoomSelection/roomSelection.module.css
index 259232c67..5a1dfd7c8 100644
--- a/components/HotelReservation/SelectRate/RoomSelection/roomSelection.module.css
+++ b/components/HotelReservation/SelectRate/RoomSelection/roomSelection.module.css
@@ -2,16 +2,12 @@
   border-bottom: 1px solid rgba(17, 17, 17, 0.2);
   padding-bottom: var(--Spacing-x3);
 }
-.header {
-  margin-top: var(--Spacing-x2);
-  margin-bottom: var(--Spacing-x2);
-}
 
 .roomList {
   margin-top: var(--Spacing-x4);
   list-style: none;
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
   column-gap: var(--Spacing-x2);
   row-gap: var(--Spacing-x4);
 }
diff --git a/components/HotelReservation/SelectRate/SectionAccordion/index.tsx b/components/HotelReservation/SelectRate/SectionAccordion/index.tsx
new file mode 100644
index 000000000..94ae62f21
--- /dev/null
+++ b/components/HotelReservation/SelectRate/SectionAccordion/index.tsx
@@ -0,0 +1,48 @@
+import { CheckCircleIcon, ChevronDownIcon } from "@/components/Icons"
+import Button from "@/components/TempDesignSystem/Button"
+import Link from "@/components/TempDesignSystem/Link"
+import Body from "@/components/TempDesignSystem/Text/Body"
+import Caption from "@/components/TempDesignSystem/Text/Caption"
+import { getIntl } from "@/i18n"
+
+import styles from "./sectionAccordion.module.css"
+
+import { SectionAccordionProps } from "@/types/components/hotelReservation/selectRate/sectionAccordion"
+
+export default async function SectionAccordion({
+  header,
+  selection,
+  path,
+  children,
+}: React.PropsWithChildren<SectionAccordionProps>) {
+  const intl = await getIntl()
+
+  return (
+    <div className={styles.wrapper}>
+      <div className={styles.top}>
+        <div>
+          <CheckCircleIcon color={selection ? "green" : "pale"} />
+        </div>
+        <div className={styles.header}>
+          <Caption color={"burgundy"} asChild>
+            <h2>{header}</h2>
+          </Caption>
+          {(Array.isArray(selection) ? selection : [selection]).map((s) => (
+            <Body key={s} className={styles.selection} color={"burgundy"}>
+              {s}
+            </Body>
+          ))}
+        </div>
+        {selection && (
+          <Button intent="secondary" size="small" asChild>
+            <Link href={path}>{intl.formatMessage({ id: "Modify" })}</Link>
+          </Button>
+        )}
+        <div>
+          <ChevronDownIcon />
+        </div>
+      </div>
+      {children}
+    </div>
+  )
+}
diff --git a/components/HotelReservation/SelectRate/SectionAccordion/sectionAccordion.module.css b/components/HotelReservation/SelectRate/SectionAccordion/sectionAccordion.module.css
new file mode 100644
index 000000000..ce9dec013
--- /dev/null
+++ b/components/HotelReservation/SelectRate/SectionAccordion/sectionAccordion.module.css
@@ -0,0 +1,21 @@
+.wrapper {
+  border-bottom: 1px solid var(--Base-Border-Normal);
+}
+
+.top {
+  padding-bottom: var(--Spacing-x3);
+  padding-top: var(--Spacing-x3);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--Spacing-x2);
+}
+
+.header {
+  flex-grow: 1;
+}
+
+.selection {
+  font-weight: 450;
+  font-size: var(--typography-Title-4-fontSize);
+}
diff --git a/components/HotelReservation/SelectRate/SelectionCard/index.tsx b/components/HotelReservation/SelectRate/SelectionCard/index.tsx
index 144a164a0..bf3b8caeb 100644
--- a/components/HotelReservation/SelectRate/SelectionCard/index.tsx
+++ b/components/HotelReservation/SelectRate/SelectionCard/index.tsx
@@ -1,19 +1,21 @@
+"use client"
+import { useIntl } from "react-intl"
+
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Title from "@/components/TempDesignSystem/Text/Title"
-import { getIntl } from "@/i18n"
 
 import styles from "./selectionCard.module.css"
 
 import { SelectionCardProps } from "@/types/components/hotelReservation/selectRate/selectionCard"
 
-export default async function SelectionCard({
+export default function SelectionCard({
   price,
   membersPrice,
   currency,
   title,
   subtext,
 }: SelectionCardProps) {
-  const { formatMessage } = await getIntl()
+  const intl = useIntl()
 
   return (
     <div className={styles.card}>
@@ -28,13 +30,13 @@ export default async function SelectionCard({
       <div>
         <Caption color="burgundy" className={styles.price}>
           {/* TODO: Handle currency and this whole line of text in a better way through intl */}
-          {price} {currency}/{formatMessage({ id: "night" })}
+          {price} {currency}/{intl.formatMessage({ id: "night" })}
         </Caption>
 
         <Caption color="burgundy" className={styles.membersPrice}>
           {/* TODO: Handle currency and this whole line of text in a better way through intl */}
-          {formatMessage({ id: "Members" })} {membersPrice} {currency}/
-          {formatMessage({ id: "night" })}
+          {intl.formatMessage({ id: "Members" })} {membersPrice} {currency}/
+          {intl.formatMessage({ id: "night" })}
         </Caption>
       </div>
     </div>
diff --git a/components/HotelReservation/SelectRate/Summary/index.tsx b/components/HotelReservation/SelectRate/Summary/index.tsx
new file mode 100644
index 000000000..1cff67248
--- /dev/null
+++ b/components/HotelReservation/SelectRate/Summary/index.tsx
@@ -0,0 +1,6 @@
+"use client"
+import styles from "./summary.module.css"
+
+export default function Summary() {
+  return <div className={styles.wrapper}>Summary TBI</div>
+}
diff --git a/components/HotelReservation/SelectRate/Summary/summary.module.css b/components/HotelReservation/SelectRate/Summary/summary.module.css
new file mode 100644
index 000000000..ec81ef8e9
--- /dev/null
+++ b/components/HotelReservation/SelectRate/Summary/summary.module.css
@@ -0,0 +1,2 @@
+.wrapper {
+}
diff --git a/i18n/dictionaries/da.json b/i18n/dictionaries/da.json
index dcef5e33c..c5efa0a8d 100644
--- a/i18n/dictionaries/da.json
+++ b/i18n/dictionaries/da.json
@@ -4,8 +4,6 @@
   "Add code": "Tilføj kode",
   "Add new card": "Tilføj nyt kort",
   "Address": "Adresse",
-  "All our beds are from Bliss, allowing you to adjust the firmness for your perfect comfort.": "Alle vores senge er fra Bliss, så du kan justere fastheden til din perfekte komfort.",
-  "All rooms comes with standard amenities": "Alle værelser er udstyret med standardfaciliteter",
   "Already a friend?": "Allerede en ven?",
   "Amenities": "Faciliteter",
   "An error occurred when adding a credit card, please try again later.": "Der opstod en fejl under tilføjelse af et kreditkort. Prøv venligst igen senere.",
@@ -17,11 +15,14 @@
   "As our Close Friend": "Som vores nære ven",
   "At latest": "Senest",
   "At the hotel": "På hotellet",
+  "Bed type": "Seng type",
   "Book": "Book",
   "Book reward night": "Book bonusnat",
   "Booking codes and vouchers": "Bookingkoder og vouchers",
   "Booking number": "Bookingnummer",
   "Breakfast": "Morgenmad",
+  "Breakfast excluded": "Morgenmad ikke inkluderet",
+  "Breakfast included": "Morgenmad inkluderet",
   "by": "inden",
   "Cancel": "Afbestille",
   "characters": "tegn",
@@ -29,7 +30,6 @@
   "Check out": "Check ud",
   "Check out the credit cards saved to your profile. Pay with a saved card when signed in for a smoother web experience.": "Tjek de kreditkort, der er gemt på din profil. Betal med et gemt kort, når du er logget ind for en mere jævn weboplevelse.",
   "Choose room": "Vælg rum",
-  "Choose type of bed": "Vælg type seng",
   "City": "By",
   "City/State": "By/Stat",
   "Click here to log in": "Klik her for at logge ind",
@@ -47,7 +47,6 @@
   "Day": "Dag",
   "Description": "Beskrivelse",
   "Discard changes": "Kassér ændringer",
-  "Do you want to start the day with Scandics famous breakfast buffé?": "Vil du starte dagen med Scandics berømte morgenbuffet?",
   "Download the Scandic app": "Download Scandic-appen",
   "Edit": "Redigere",
   "Edit profile": "Rediger profil",
@@ -59,6 +58,8 @@
   "Find hotels": "Find hotel",
   "Flexibility": "Fleksibilitet",
   "Former Scandic Hotel": "Tidligere Scandic Hotel",
+  "Free cancellation": "Gratis afbestilling",
+  "Free rebooking": "Gratis ombooking",
   "From": "Fra",
   "from your member profile?": "fra din medlemsprofil?",
   "Get inspired": "Bliv inspireret",
@@ -66,7 +67,6 @@
   "Highest level": "Højeste niveau",
   "Hotel facilities": "Hotel faciliteter",
   "Hotel surroundings": "Hotel omgivelser",
-  "How do you want to sleep?": "Hvordan vil du sove?",
   "How it works": "Hvordan det virker",
   "Join Scandic Friends": "Tilmeld dig Scandic Friends",
   "Language": "Sprog",
@@ -84,9 +84,11 @@
   "Log out": "Log ud",
   "Manage preferences": "Administrer præferencer",
   "Meetings & Conferences": "Møder & Konferencer",
+  "Member price": "Medlemspris",
   "Members": "Medlemmer",
   "Membership cards": "Medlemskort",
   "Membership ID": "Medlems-id",
+  "Modify": "Ændre",
   "Month": "Måned",
   "My communication preferences": "Mine kommunikationspræferencer",
   "My credit cards": "Mine kreditkort",
@@ -102,13 +104,19 @@
   "No content published": "Intet indhold offentliggjort",
   "No transactions available": "Ingen tilgængelige transaktioner",
   "No, keep card": "Nej, behold kortet",
+  "Non refundable": "Ikke-refunderbart",
+  "Non-refundable": "Ikke-refunderbart",
   "Not found": "Ikke fundet",
+  "Nr night, nr adult": "{nights, number} nat, {adults, number} voksen",
   "number": "nummer",
   "On your journey": "På din rejse",
   "Open": "Åben",
   "or": "eller",
   "Overview": "Oversigt",
   "Password": "Adgangskode",
+  "Pay later": "Betal senere",
+  "Pay now": "Betal nu",
+  "Payment info": "Betalingsoplysninger",
   "Phone": "Telefon",
   "Phone is required": "Telefonnummer er påkrævet",
   "Phone number": "Telefonnummer",
@@ -126,6 +134,7 @@
   "Remove card from member profile": "Fjern kortet fra medlemsprofilen",
   "Restaurant & Bar": "Restaurant & Bar",
   "Retype new password": "Gentag den nye adgangskode",
+  "Room & Terms": "Værelse & Vilkår",
   "Room facilities": "Værelsesfaciliteter",
   "Rooms": "Værelser",
   "Rooms & Guests": "Værelser & gæster",
@@ -147,6 +156,7 @@
   "Something went wrong!": "Noget gik galt!",
   "special character": "speciel karakter",
   "spendable points expiring by": "{points} Brugbare point udløber den {date}",
+  "Standard price": "Standardpris",
   "Street": "Gade",
   "Successfully updated profile!": "Profilen er opdateret med succes!",
   "Summary": "Opsummering",
@@ -177,7 +187,6 @@
   "When": "Hvornår",
   "Where should you go next?": "Find inspiration til dit næste ophold",
   "Where to": "Hvor",
-  "Which room class suits you the best?": "Hvilken rumklasse passer bedst til dig",
   "Year": "År",
   "Yes, remove my card": "Ja, fjern mit kort",
   "You canceled adding a new credit card.": "Du har annulleret tilføjelsen af et nyt kreditkort.",
@@ -187,6 +196,7 @@
   "Your card was successfully saved!": "Dit kort blev gemt!",
   "Your Challenges Conquer & Earn!": "Dine udfordringer Overvind og tjen!",
   "Your current level": "Dit nuværende niveau",
+  "Your details": "Dine oplysninger",
   "Your level": "Dit niveau",
   "Your points to spend": "Dine brugbare point",
   "Zip code": "Postnummer"
diff --git a/i18n/dictionaries/de.json b/i18n/dictionaries/de.json
index c5d3ef573..9de24aa0a 100644
--- a/i18n/dictionaries/de.json
+++ b/i18n/dictionaries/de.json
@@ -3,8 +3,6 @@
   "Add code": "Code hinzufügen",
   "Add new card": "Neue Karte hinzufügen",
   "Address": "Adresse",
-  "All our beds are from Bliss, allowing you to adjust the firmness for your perfect comfort.": "Alle unsere Betten sind von Bliss, sodass Sie die Festigkeit für Ihren perfekten Komfort anpassen können.",
-  "All rooms comes with standard amenities": "Alle Zimmer sind mit den üblichen Annehmlichkeiten ausgestattet",
   "Already a friend?": "Sind wir schon Freunde?",
   "Amenities": "Annehmlichkeiten",
   "An error occurred when adding a credit card, please try again later.": "Beim Hinzufügen einer Kreditkarte ist ein Fehler aufgetreten. Bitte versuchen Sie es später erneut.",
@@ -16,11 +14,14 @@
   "As our Close Friend": "Als unser enger Freund",
   "At latest": "Spätestens",
   "At the hotel": "Im Hotel",
+  "Bed type": "Bettentyp",
   "Book": "Buchen",
   "Book reward night": "Bonusnacht buchen",
   "Booking codes and vouchers": "Buchungscodes und Gutscheine",
   "Booking number": "Buchungsnummer",
   "Breakfast": "Frühstück",
+  "Breakfast excluded": "Frühstück nicht inbegriffen",
+  "Breakfast included": "Frühstück inbegriffen",
   "by": "bis",
   "Cancel": "Stornieren",
   "characters": "figuren",
@@ -28,7 +29,6 @@
   "Check out": "Auschecken",
   "Check out the credit cards saved to your profile. Pay with a saved card when signed in for a smoother web experience.": "Sehen Sie sich die in Ihrem Profil gespeicherten Kreditkarten an. Bezahlen Sie mit einer gespeicherten Karte, wenn Sie angemeldet sind, für ein reibungsloseres Web-Erlebnis.",
   "Choose room": "Zimmer wählen",
-  "Choose type of bed": "Wählen Sie den Bettentyp",
   "City": "Stadt",
   "City/State": "Stadt/Zustand",
   "Click here to log in": "Klicken Sie hier, um sich einzuloggen",
@@ -46,7 +46,6 @@
   "Day": "Tag",
   "Description": "Beschreibung",
   "Discard changes": "Änderungen verwerfen",
-  "Do you want to start the day with Scandics famous breakfast buffé?": "Möchten Sie den Tag mit Scandics berühmtem Frühstücksbuffet beginnen?",
   "Download the Scandic app": "Laden Sie die Scandic-App herunter",
   "Edit": "Bearbeiten",
   "Edit profile": "Profil bearbeiten",
@@ -58,6 +57,8 @@
   "Find hotels": "Hotels finden",
   "Flexibility": "Flexibilität",
   "Former Scandic Hotel": "Ehemaliges Scandic Hotel",
+  "Free cancellation": "Kostenlose Stornierung",
+  "Free rebooking": "Kostenlose Umbuchung",
   "From": "Fromm",
   "from your member profile?": "wirklich aus Ihrem Mitgliedsprofil entfernen?",
   "Get inspired": "Lassen Sie sich inspieren",
@@ -65,7 +66,6 @@
   "Highest level": "Höchstes Level",
   "Hotel facilities": "Hotel-Infos",
   "Hotel surroundings": "Umgebung des Hotels",
-  "How do you want to sleep?": "Wie möchtest du schlafen?",
   "How it works": "Wie es funktioniert",
   "Join Scandic Friends": "Treten Sie Scandic Friends bei",
   "Language": "Sprache",
@@ -82,9 +82,11 @@
   "Log in here": "Hier einloggen",
   "Log out": "Ausloggen",
   "Manage preferences": "Verwalten von Voreinstellungen",
+  "Member price": "Mitgliederpreis",
   "Members": "Mitglieder",
   "Membership cards": "Mitgliedskarten",
   "Membership ID": "Mitglieds-ID",
+  "Modify": "Ändern",
   "Month": "Monat",
   "My communication preferences": "Meine Kommunikationseinstellungen",
   "My credit cards": "Meine Kreditkarten",
@@ -100,12 +102,18 @@
   "No content published": "Kein Inhalt veröffentlicht",
   "No transactions available": "Keine Transaktionen verfügbar",
   "No, keep card": "Nein, Karte behalten",
+  "Non refundable": "Nicht erstattungsfähig",
+  "Non-refundable": "Nicht erstattungsfähig",
   "Not found": "Nicht gefunden",
+  "Nr night, nr adult": "{nights, number} Nacht, {adults, number} Erwachsener",
   "number": "nummer",
   "On your journey": "Auf deiner Reise",
   "Open": "Offen",
   "or": "oder",
   "Password": "Passwort",
+  "Pay later": "Später bezahlen",
+  "Pay now": "Jetzt bezahlen",
+  "Payment info": "Zahlungsinformationen",
   "Phone": "Telefon",
   "Phone is required": "Telefon ist erforderlich",
   "Phone number": "Telefonnummer",
@@ -122,6 +130,7 @@
   "Read more about the hotel": "Lesen Sie mehr über das Hotel",
   "Remove card from member profile": "Karte aus dem Mitgliedsprofil entfernen",
   "Retype new password": "Neues Passwort erneut eingeben",
+  "Room & Terms": "Zimmer & Bedingungen",
   "Room facilities": "Zimmerausstattung",
   "Rooms & Guests": "Zimmer & Gäste",
   "Save": "Speichern",
@@ -142,6 +151,7 @@
   "Something went wrong!": "Etwas ist schief gelaufen!",
   "special character": "sonderzeichen",
   "spendable points expiring by": "{points} Einlösbare punkte verfallen bis zum {date}",
+  "Standard price": "Standardpreis",
   "Street": "Straße",
   "Successfully updated profile!": "Profil erfolgreich aktualisiert!",
   "Summary": "Zusammenfassung",
@@ -171,7 +181,6 @@
   "When": "Wann",
   "Where should you go next?": "Wo geht es als Nächstes hin?",
   "Where to": "Wohin",
-  "Which room class suits you the best?": "Welche Zimmerklasse passt am besten zu Ihnen?",
   "Year": "Jahr",
   "Yes, remove my card": "Ja, meine Karte entfernen",
   "You canceled adding a new credit card.": "Sie haben das Hinzufügen einer neuen Kreditkarte abgebrochen.",
@@ -181,7 +190,8 @@
   "Your card was successfully saved!": "Ihre Karte wurde erfolgreich gespeichert!",
   "Your Challenges Conquer & Earn!": "Meistern Sie Ihre Herausforderungen und verdienen Sie Geld!",
   "Your current level": "Ihr aktuelles Level",
+  "Your details": "Ihre Angaben",
   "Your level": "Dein level",
   "Your points to spend": "Meine Punkte",
   "Zip code": "PLZ"
-}
\ No newline at end of file
+}
diff --git a/i18n/dictionaries/en.json b/i18n/dictionaries/en.json
index 9d10d7855..e93e834d1 100644
--- a/i18n/dictionaries/en.json
+++ b/i18n/dictionaries/en.json
@@ -4,8 +4,6 @@
   "Add code": "Add code",
   "Add new card": "Add new card",
   "Address": "Address",
-  "All our beds are from Bliss, allowing you to adjust the firmness for your perfect comfort.": "All our beds are from Bliss, allowing you to adjust the firmness for your perfect comfort.",
-  "All rooms comes with standard amenities": "All rooms comes with standard amenities",
   "Already a friend?": "Already a friend?",
   "Amenities": "Amenities",
   "An error occurred when adding a credit card, please try again later.": "An error occurred when adding a credit card, please try again later.",
@@ -17,11 +15,14 @@
   "As our Close Friend": "As our Close Friend",
   "At latest": "At latest",
   "At the hotel": "At the hotel",
+  "Bed type": "Bed type",
   "Book": "Book",
   "Book reward night": "Book reward night",
   "Booking codes and vouchers": "Booking codes and vouchers",
   "Booking number": "Booking number",
   "Breakfast": "Breakfast",
+  "Breakfast excluded": "Breakfast excluded",
+  "Breakfast included": "Breakfast included",
   "by": "by",
   "Cancel": "Cancel",
   "characters": "characters",
@@ -29,7 +30,6 @@
   "Check out": "Check out",
   "Check out the credit cards saved to your profile. Pay with a saved card when signed in for a smoother web experience.": "Check out the credit cards saved to your profile. Pay with a saved card when signed in for a smoother web experience.",
   "Choose room": "Choose room",
-  "Choose type of bed": "Choose type of bed",
   "City": "City",
   "City/State": "City/State",
   "Click here to log in": "Click here to log in",
@@ -48,7 +48,6 @@
   "Description": "Description",
   "Discard changes": "Discard changes",
   "Distance to city centre": "{number}km to city centre",
-  "Do you want to start the day with Scandics famous breakfast buffé?": "Do you want to start the day with Scandics famous breakfast buffé?",
   "Download the Scandic app": "Download the Scandic app",
   "Edit": "Edit",
   "Edit profile": "Edit profile",
@@ -61,6 +60,8 @@
   "Find hotels": "Find hotels",
   "Flexibility": "Flexibility",
   "Former Scandic Hotel": "Former Scandic Hotel",
+  "Free cancellation": "Free cancellation",
+  "Free rebooking": "Free rebooking",
   "From": "From",
   "from your member profile?": "from your member profile?",
   "Get inspired": "Get inspired",
@@ -71,7 +72,6 @@
   "hotelPages.rooms.roomCard.person": "person",
   "hotelPages.rooms.roomCard.persons": "persons",
   "hotelPages.rooms.roomCard.seeRoomDetails": "See room details",
-  "How do you want to sleep?": "How do you want to sleep?",
   "How it works": "How it works",
   "Join Scandic Friends": "Join Scandic Friends",
   "Language": "Language",
@@ -89,9 +89,11 @@
   "Log out": "Log out",
   "Manage preferences": "Manage preferences",
   "Meetings & Conferences": "Meetings & Conferences",
+  "Member price": "Member price",
   "Members": "Members",
   "Membership cards": "Membership cards",
   "Membership ID": "Membership ID",
+  "Modify": "Modify",
   "Month": "Month",
   "My communication preferences": "My communication preferences",
   "My credit cards": "My credit cards",
@@ -107,13 +109,19 @@
   "No content published": "No content published",
   "No transactions available": "No transactions available",
   "No, keep card": "No, keep card",
+  "Non refundable": "Non refundable",
+  "Non-refundable": "Non-refundable",
   "Not found": "Not found",
+  "Nr night, nr adult": "{nights, number} night, {adults, number} adult",
   "number": "number",
   "On your journey": "On your journey",
   "Open": "Open",
   "or": "or",
   "Overview": "Overview",
   "Password": "Password",
+  "Pay later": "Pay later",
+  "Pay now": "Pay now",
+  "Payment info": "Payment info",
   "Phone": "Phone",
   "Phone is required": "Phone is required",
   "Phone number": "Phone number",
@@ -131,6 +139,7 @@
   "Remove card from member profile": "Remove card from member profile",
   "Restaurant & Bar": "Restaurant & Bar",
   "Retype new password": "Retype new password",
+  "Room & Terms": "Room & Terms",
   "Room facilities": "Room facilities",
   "Rooms": "Rooms",
   "Rooms & Guests": "Rooms & Guests",
@@ -153,6 +162,7 @@
   "Something went wrong!": "Something went wrong!",
   "special character": "special character",
   "spendable points expiring by": "{points} spendable points expiring by {date}",
+  "Standard price": "Standard price",
   "Street": "Street",
   "Successfully updated profile!": "Successfully updated profile!",
   "Summary": "Summary",
@@ -183,7 +193,6 @@
   "When": "When",
   "Where should you go next?": "Where should you go next?",
   "Where to": "Where to",
-  "Which room class suits you the best?": "Which room class suits you the best?",
   "Year": "Year",
   "Yes, remove my card": "Yes, remove my card",
   "You canceled adding a new credit card.": "You canceled adding a new credit card.",
@@ -193,6 +202,7 @@
   "Your card was successfully saved!": "Your card was successfully saved!",
   "Your Challenges Conquer & Earn!": "Your Challenges Conquer & Earn!",
   "Your current level": "Your current level",
+  "Your details": "Your details",
   "Your level": "Your level",
   "Your points to spend": "Your points to spend",
   "Zip code": "Zip code"
diff --git a/i18n/dictionaries/fi.json b/i18n/dictionaries/fi.json
index d421d976a..1a24a14ab 100644
--- a/i18n/dictionaries/fi.json
+++ b/i18n/dictionaries/fi.json
@@ -4,8 +4,6 @@
   "Add code": "Lisää koodi",
   "Add new card": "Lisää uusi kortti",
   "Address": "Osoite",
-  "All our beds are from Bliss, allowing you to adjust the firmness for your perfect comfort.": "Kaikki sänkymme ovat Bliss, joten voit säätää kiinteyttä täydelliseen mukavuuteen.",
-  "All rooms comes with standard amenities": "Kaikissa huoneissa on perusmukavuudet",
   "Already a friend?": "Oletko jo ystävä?",
   "Amenities": "Mukavuudet",
   "An error occurred when adding a credit card, please try again later.": "Luottokorttia lisättäessä tapahtui virhe. Yritä myöhemmin uudelleen.",
@@ -17,11 +15,14 @@
   "As our Close Friend": "Läheisenä ystävänämme",
   "At latest": "Viimeistään",
   "At the hotel": "Hotellissa",
+  "Bed type": "Vuodetyyppi",
   "Book": "Varaa",
   "Book reward night": "Kirjapalkinto-ilta",
   "Booking codes and vouchers": "Varauskoodit ja kupongit",
   "Booking number": "Varausnumero",
   "Breakfast": "Aamiainen",
+  "Breakfast excluded": "Aamiainen ei sisälly",
+  "Breakfast included": "Aamiainen sisältyy",
   "by": "mennessä",
   "Cancel": "Peruuttaa",
   "characters": "hahmoja",
@@ -29,7 +30,6 @@
   "Check out": "Uloskirjautuminen",
   "Check out the credit cards saved to your profile. Pay with a saved card when signed in for a smoother web experience.": "Tarkista profiiliisi tallennetut luottokortit. Maksa tallennetulla kortilla kirjautuneena, jotta verkkokokemus on sujuvampi.",
   "Choose room": "Valitse huone",
-  "Choose type of bed": "Valitse sänkytyyppi",
   "City": "Kaupunki",
   "City/State": "Kaupunki/Osavaltio",
   "Click here to log in": "Napsauta tästä kirjautuaksesi sisään",
@@ -47,7 +47,6 @@
   "Day": "Päivä",
   "Description": "Kuvaus",
   "Discard changes": "Hylkää muutokset",
-  "Do you want to start the day with Scandics famous breakfast buffé?": "Haluatko aloittaa päiväsi Scandicsin kuuluisalla aamiaisbuffella?",
   "Download the Scandic app": "Lataa Scandic-sovellus",
   "Edit": "Muokata",
   "Edit profile": "Muokkaa profiilia",
@@ -59,6 +58,8 @@
   "Find hotels": "Etsi hotelleja",
   "Flexibility": "Joustavuus",
   "Former Scandic Hotel": "Entinen Scandic-hotelli",
+  "Free cancellation": "Ilmainen peruutus",
+  "Free rebooking": "Ilmainen uudelleenvaraus",
   "From": "From",
   "from your member profile?": "jäsenprofiilistasi?",
   "Get inspired": "Inspiroidu",
@@ -66,7 +67,6 @@
   "Highest level": "Korkein taso",
   "Hotel facilities": "Hotellin palvelut",
   "Hotel surroundings": "Hotellin ympäristö",
-  "How do you want to sleep?": "Kuinka haluat nukkua?",
   "How it works": "Kuinka se toimii",
   "Join Scandic Friends": "Liity jäseneksi",
   "Language": "Kieli",
@@ -84,9 +84,11 @@
   "Log out": "Kirjaudu ulos",
   "Manage preferences": "Asetusten hallinta",
   "Meetings & Conferences": "Kokoukset & Konferenssit",
+  "Member price": "Jäsenhinta",
   "Members": "Jäsenet",
   "Membership cards": "Jäsenkortit",
   "Membership ID": "Jäsentunnus",
+  "Modify": "Muokkaa",
   "Month": "Kuukausi",
   "My communication preferences": "Viestintämieltymykseni",
   "My credit cards": "Luottokorttini",
@@ -102,13 +104,19 @@
   "No content published": "Ei julkaistua sisältöä",
   "No transactions available": "Ei tapahtumia saatavilla",
   "No, keep card": "Ei, pidä kortti",
+  "Non refundable": "Ei palautettavissa",
+  "Non-refundable": "Ei palautettavissa",
   "Not found": "Ei löydetty",
+  "Nr night, nr adult": "{nights, number} yö, {adults, number} aikuinen",
   "number": "määrä",
   "On your journey": "Matkallasi",
   "Open": "Avata",
   "or": "tai",
   "Overview": "Yleiskatsaus",
   "Password": "Salasana",
+  "Pay later": "Maksa myöhemmin",
+  "Pay now": "Maksa nyt",
+  "Payment info": "Maksutiedot",
   "Phone": "Puhelin",
   "Phone is required": "Puhelin vaaditaan",
   "Phone number": "Puhelinnumero",
@@ -120,11 +128,13 @@
   "Points may take up to 10 days to be displayed.": "Pisteiden näyttäminen voi kestää jopa 10 päivää.",
   "Points needed to level up": "Tarvitset vielä",
   "Points needed to stay on level": "Tällä tasolla pysymiseen tarvittavat pisteet",
+  "Previous victories": "Edelliset voitot",
   "Read more": "Lue lisää",
   "Read more about the hotel": "Lue lisää hotellista",
   "Remove card from member profile": "Poista kortti jäsenprofiilista",
   "Restaurant & Bar": "Ravintola & Baari",
   "Retype new password": "Kirjoita uusi salasana uudelleen",
+  "Room & Terms": "Huone & Ehdot",
   "Room facilities": "Huoneen varustelu",
   "Rooms": "Huoneet",
   "Rooms & Guestss": "Huoneet & Vieraat",
@@ -146,6 +156,7 @@
   "Something went wrong!": "Jotain meni pieleen!",
   "special character": "erikoishahmo",
   "spendable points expiring by": "{points} pistettä vanhenee {date} mennessä",
+  "Standard price": "Normaali hinta",
   "Street": "Katu",
   "Successfully updated profile!": "Profiilin päivitys onnistui!",
   "Summary": "Yhteenveto",
@@ -176,7 +187,6 @@
   "When": "Kun",
   "Where should you go next?": "Mihin menisit seuraavaksi?",
   "Where to": "Minne",
-  "Which room class suits you the best?": "Mikä huoneluokka sopii sinulle parhaiten?",
   "Year": "Vuosi",
   "Yes, remove my card": "Kyllä, poista korttini",
   "You canceled adding a new credit card.": "Peruutit uuden luottokortin lisäämisen.",
@@ -186,6 +196,7 @@
   "Your card was successfully saved!": "Korttisi tallennettu onnistuneesti!",
   "Your Challenges Conquer & Earn!": "Voita ja ansaitse haasteesi!",
   "Your current level": "Nykyinen tasosi",
+  "Your details": "Tietosi",
   "Your level": "Tasosi",
   "Your points to spend": "Käytettävissä olevat pisteesi",
   "Zip code": "Postinumero"
diff --git a/i18n/dictionaries/no.json b/i18n/dictionaries/no.json
index 5fc40010e..0f669ed51 100644
--- a/i18n/dictionaries/no.json
+++ b/i18n/dictionaries/no.json
@@ -4,8 +4,6 @@
   "Add code": "Legg til kode",
   "Add new card": "Legg til nytt kort",
   "Address": "Adresse",
-  "All our beds are from Bliss, allowing you to adjust the firmness for your perfect comfort.": "Alle sengene våre er fra Bliss, slik at du kan justere fastheten for din perfekte komfort.",
-  "All rooms comes with standard amenities": "Alle rommene har standard fasiliteter",
   "Already a friend?": "Allerede Friend?",
   "Amenities": "Fasiliteter",
   "An error occurred when adding a credit card, please try again later.": "Det oppstod en feil ved å legge til et kredittkort. Prøv igjen senere.",
@@ -17,11 +15,14 @@
   "As our Close Friend": "Som vår nære venn",
   "At latest": "Senest",
   "At the hotel": "På hotellet",
+  "Bed type": "Seng type",
   "Book": "Bestill",
   "Book reward night": "Bestill belønningskveld",
   "Booking codes and vouchers": "Bestillingskoder og kuponger",
   "Booking number": "Bestillingsnummer",
   "Breakfast": "Frokost",
+  "Breakfast excluded": "Frokost ekskludert",
+  "Breakfast included": "Frokost inkludert",
   "by": "innen",
   "Cancel": "Avbryt",
   "characters": "tegn",
@@ -29,7 +30,6 @@
   "Check out": "Sjekk ut",
   "Check out the credit cards saved to your profile. Pay with a saved card when signed in for a smoother web experience.": "Sjekk ut kredittkortene som er lagret på profilen din. Betal med et lagret kort når du er pålogget for en jevnere nettopplevelse.",
   "Choose room": "Velg rom",
-  "Choose type of bed": "Velg type seng",
   "City": "By",
   "City/State": "By/Stat",
   "Click here to log in": "Klikk her for å logge inn",
@@ -47,7 +47,6 @@
   "Day": "Dag",
   "Description": "Beskrivelse",
   "Discard changes": "Forkaste endringer",
-  "Do you want to start the day with Scandics famous breakfast buffé?": "Vil du starte dagen med Scandics berømte frokostbuffé?",
   "Download the Scandic app": "Last ned Scandic-appen",
   "Edit": "Redigere",
   "Edit profile": "Rediger profil",
@@ -59,6 +58,8 @@
   "Find hotels": "Finn hotell",
   "Flexibility": "Fleksibilitet",
   "Former Scandic Hotel": "Tidligere Scandic-hotell",
+  "Free cancellation": "Gratis avbestilling",
+  "Free rebooking": "Gratis ombooking",
   "From": "Fra",
   "from your member profile?": "fra medlemsprofilen din?",
   "Get inspired": "Bli inspirert",
@@ -66,7 +67,6 @@
   "Highest level": "Høyeste nivå",
   "Hotel facilities": "Hotelfaciliteter",
   "Hotel surroundings": "Hotellomgivelser",
-  "How do you want to sleep?": "Hvordan vil du sove?",
   "How it works": "Hvordan det fungerer",
   "Join Scandic Friends": "Bli med i Scandic Friends",
   "Language": "Språk",
@@ -84,9 +84,11 @@
   "Log out": "Logg ut",
   "Manage preferences": "Administrer preferanser",
   "Meetings & Conferences": "Møter & Konferanser",
+  "Member price": "Medlemspris",
   "Members": "Medlemmer",
   "Membership cards": "Medlemskort",
   "Membership ID": "Medlems-ID",
+  "Modify": "Endre",
   "Month": "Måned",
   "My communication preferences": "Mine kommunikasjonspreferanser",
   "My credit cards": "Kredittkortene mine",
@@ -102,13 +104,19 @@
   "No content published": "Ingen innhold publisert",
   "No transactions available": "Ingen transaksjoner tilgjengelig",
   "No, keep card": "Nei, behold kortet",
+  "Non refundable": "Ikke-refunderbart",
+  "Non-refundable": "Ikke-refunderbart",
   "Not found": "Ikke funnet",
+  "Nr night, nr adult": "{nights, number} natt, {adults, number} voksen",
   "number": "antall",
   "On your journey": "På reisen din",
   "Open": "Åpen",
   "or": "eller",
   "Overview": "Oversikt",
   "Password": "Passord",
+  "Pay later": "Betal senere",
+  "Pay now": "Betal nå",
+  "Payment info": "Betalingsinformasjon",
   "Phone": "Telefon",
   "Phone is required": "Telefon kreves",
   "Phone number": "Telefonnummer",
@@ -126,6 +134,7 @@
   "Remove card from member profile": "Fjern kortet fra medlemsprofilen",
   "Restaurant & Bar": "Restaurant & Bar",
   "Retype new password": "Skriv inn nytt passord på nytt",
+  "Room & Terms": "Rom & Vilkår",
   "Room facilities": "Romfasiliteter",
   "Rooms": "Rom",
   "Rooms & Guests": "Rom og gjester",
@@ -147,6 +156,7 @@
   "Something went wrong!": "Noe gikk galt!",
   "special character": "spesiell karakter",
   "spendable points expiring by": "{points} Brukbare poeng utløper innen {date}",
+  "Standard price": "Standardpris",
   "Street": "Gate",
   "Successfully updated profile!": "Vellykket oppdatert profil!",
   "Summary": "Sammendrag",
@@ -177,7 +187,6 @@
   "When": "Når",
   "Where should you go next?": "Hvor ønsker du å reise neste gang?",
   "Where to": "Hvor skal du",
-  "Which room class suits you the best?": "Hvilken romklasse passer deg best?",
   "Year": "År",
   "Yes, remove my card": "Ja, fjern kortet mitt",
   "You canceled adding a new credit card.": "Du kansellerte å legge til et nytt kredittkort.",
@@ -187,6 +196,7 @@
   "Your card was successfully saved!": "Kortet ditt ble lagret!",
   "Your Challenges Conquer & Earn!": "Dine utfordringer Erobre og tjen!",
   "Your current level": "Ditt nåværende nivå",
+  "Your details": "Dine detaljer",
   "Your level": "Ditt nivå",
   "Your points to spend": "Dine brukbare poeng",
   "Zip code": "Post kode"
diff --git a/i18n/dictionaries/sv.json b/i18n/dictionaries/sv.json
index 9fdf157d8..7b7f17465 100644
--- a/i18n/dictionaries/sv.json
+++ b/i18n/dictionaries/sv.json
@@ -4,8 +4,6 @@
   "Add code": "Lägg till kod",
   "Add new card": "Lägg till nytt kort",
   "Address": "Adress",
-  "All our beds are from Bliss, allowing you to adjust the firmness for your perfect comfort.": "Alla våra sängar är från Bliss, med möjlighet att justera fastheten för perfekt komfort.",
-  "All rooms comes with standard amenities": "Alla rum har standardbekvämligheter",
   "Already a friend?": "Är du redan en vän?",
   "Amenities": "Bekvämligheter",
   "An error occurred when adding a credit card, please try again later.": "Ett fel uppstod när ett kreditkort lades till, försök igen senare.",
@@ -17,11 +15,14 @@
   "As our Close Friend": "Som vår nära vän",
   "At latest": "Senast",
   "At the hotel": "På hotellet",
+  "Bed type": "Sängtyp",
   "Book": "Boka",
   "Book reward night": "Boka frinatt",
   "Booking codes and vouchers": "Bokningskoder och kuponger",
   "Booking number": "Bokningsnummer",
   "Breakfast": "Frukost",
+  "Breakfast excluded": "Frukost ingår ej",
+  "Breakfast included": "Frukost ingår",
   "by": "innan",
   "Cancel": "Avbryt",
   "characters": "tecken",
@@ -29,7 +30,6 @@
   "Check out": "Checka ut",
   "Check out the credit cards saved to your profile. Pay with a saved card when signed in for a smoother web experience.": "Kolla in kreditkorten som sparats i din profil. Betala med ett sparat kort när du är inloggad för en smidigare webbupplevelse.",
   "Choose room": "Välj rum",
-  "Choose type of bed": "Välj typ av säng",
   "City": "Ort",
   "City/State": "Ort",
   "Click here to log in": "Klicka här för att logga in",
@@ -47,7 +47,6 @@
   "Day": "Dag",
   "Description": "Beskrivning",
   "Discard changes": "Ignorera ändringar",
-  "Do you want to start the day with Scandics famous breakfast buffé?": "Vill du starta dagen med Scandics berömda frukostbuffé?",
   "Download the Scandic app": "Ladda ner Scandic-appen",
   "Edit": "Redigera",
   "Edit profile": "Redigera profil",
@@ -59,6 +58,8 @@
   "Find hotels": "Hitta hotell",
   "Flexibility": "Flexibilitet",
   "Former Scandic Hotel": "Tidigare Scandichotell",
+  "Free cancellation": "Fri avbokning",
+  "Free rebooking": "Fri ombokning",
   "From": "Från",
   "from your member profile?": "från din medlemsprofil?",
   "Get inspired": "Bli inspirerad",
@@ -68,7 +69,6 @@
   "Hotel surroundings": "Hotellomgivning",
   "hotelPages.rooms.roomCard.person": "person",
   "hotelPages.rooms.roomCard.persons": "personer",
-  "How do you want to sleep?": "Hur vill du sova?",
   "How it works": "Hur det fungerar",
   "Join Scandic Friends": "Gå med i Scandic Friends",
   "Language": "Språk",
@@ -86,9 +86,11 @@
   "Log out": "Logga ut",
   "Manage preferences": "Hantera inställningar",
   "Meetings & Conferences": "Möten & Konferenser",
+  "Member price": "Medlemspris",
   "Members": "Medlemmar",
   "Membership cards": "Medlemskort",
   "Membership ID": "Medlems-ID",
+  "Modify": "Ändra",
   "Month": "Månad",
   "My communication preferences": "Mina kommunikationspreferenser",
   "My credit cards": "Mina kreditkort",
@@ -104,13 +106,19 @@
   "No content published": "Inget innehåll publicerat",
   "No transactions available": "Inga transaktioner tillgängliga",
   "No, keep card": "Nej, behåll kortet",
+  "Non refundable": "Ej återbetalningsbar",
+  "Non-refundable": "Ej återbetalningsbar",
   "Not found": "Hittades inte",
+  "Nr night, nr adult": "{nights, number} natt, {adults, number} vuxen",
   "number": "nummer",
   "On your journey": "På din resa",
   "Open": "Öppna",
   "or": "eller",
   "Overview": "Översikt",
   "Password": "Lösenord",
+  "Pay later": "Betala senare",
+  "Pay now": "Betala nu",
+  "Payment info": "Betalningsinformation",
   "Phone": "Telefon",
   "Phone is required": "Telefonnummer är obligatorisk",
   "Phone number": "Telefonnummer",
@@ -128,6 +136,7 @@
   "Remove card from member profile": "Ta bort kortet från medlemsprofilen",
   "Restaurant & Bar": "Restaurang & Bar",
   "Retype new password": "Upprepa nytt lösenord",
+  "Room & Terms": "Rum & Villkor",
   "Room facilities": "Rumfaciliteter",
   "Rooms": "Rum",
   "Rooms & Guests": "Rum och gäster",
@@ -150,6 +159,7 @@
   "Something went wrong!": "Något gick fel!",
   "special character": "speciell karaktär",
   "spendable points expiring by": "{points} poäng förfaller {date}",
+  "Standard price": "Standardpris",
   "Street": "Gata",
   "Successfully updated profile!": "Profilen har uppdaterats framgångsrikt!",
   "Summary": "Sammanfattning",
@@ -158,6 +168,7 @@
   "There are no transactions to display": "Det finns inga transaktioner att visa",
   "to": "till",
   "Total Points": "Poäng totalt",
+  "Transaction date": "Transaktionsdatum",
   "Transactions": "Transaktioner",
   "Tripadvisor reviews": "{rating} ({count} recensioner på Tripadvisor)",
   "TUI Points": "TUI Points",
@@ -178,7 +189,6 @@
   "When": "När",
   "Where should you go next?": "Låter inte en spontanweekend härligt?",
   "Where to": "Vart",
-  "Which room class suits you the best?": "Vilken rumsklass passar dig bäst?",
   "Year": "År",
   "Yes, remove my card": "Ja, ta bort mitt kort",
   "You canceled adding a new credit card.": "Du avbröt att lägga till ett nytt kreditkort.",
@@ -188,6 +198,7 @@
   "Your card was successfully saved!": "Ditt kort har sparats!",
   "Your Challenges Conquer & Earn!": "Dina utmaningar Erövra och tjäna!",
   "Your current level": "Din nuvarande nivå",
+  "Your details": "Dina uppgifter",
   "Your level": "Din nivå",
   "Your points to spend": "Dina spenderbara poäng",
   "Zip code": "Postnummer"
diff --git a/server/routers/hotels/output.ts b/server/routers/hotels/output.ts
index b11189d2e..e7b85f7a3 100644
--- a/server/routers/hotels/output.ts
+++ b/server/routers/hotels/output.ts
@@ -468,14 +468,24 @@ export const getHotelDataSchema = z.object({
   included: z.array(roomSchema).optional(),
 })
 
+const flexibilityPrice = z.object({
+  standard: z.number(),
+  member: z.number(),
+})
+
 const rate = z.object({
   id: z.number(),
   name: z.string(),
   description: z.string(),
   size: z.string(),
-  pricePerNight: z.number(),
-  currency: z.string(),
   imageSrc: z.string(),
+  breakfastIncluded: z.boolean(),
+  prices: z.object({
+    currency: z.string(),
+    nonRefundable: flexibilityPrice,
+    freeRebooking: flexibilityPrice,
+    freeCancellation: flexibilityPrice,
+  }),
 })
 
 export const getRatesSchema = z.array(rate)
diff --git a/server/routers/hotels/tempRatesData.json b/server/routers/hotels/tempRatesData.json
index 4bd00d0be..4cdf68cdd 100644
--- a/server/routers/hotels/tempRatesData.json
+++ b/server/routers/hotels/tempRatesData.json
@@ -4,53 +4,101 @@
     "name": "Cabin",
     "description": "Stylish, peaceful and air-conditioned room. The rooms have small clerestory windows.",
     "size": "17 - 24 m² (1 - 2 persons)",
-    "pricePerNight": 1348,
-    "currency": "SEK",
-    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg"
+    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg",
+    "breakfastIncluded": false,
+    "prices": {
+      "currency": "SEK",
+      "nonRefundable": {
+        "standard": 2315,
+        "member": 2247
+      },
+      "freeRebooking": { "standard": 2437, "member": 2365 },
+      "freeCancellation": { "standard": 2620, "member": 2542 }
+    }
   },
   {
     "id": 2,
     "name": "Standard",
     "description": "Stylish, peaceful and air-conditioned room. The rooms have small clerestory windows.",
     "size": "19 - 30 m² (1 - 2 persons)",
-    "pricePerNight": 1548,
-    "currency": "SEK",
-    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg"
+    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg",
+    "breakfastIncluded": false,
+    "prices": {
+      "currency": "SEK",
+      "nonRefundable": {
+        "standard": 2315,
+        "member": 2247
+      },
+      "freeRebooking": { "standard": 2437, "member": 2365 },
+      "freeCancellation": { "standard": 2620, "member": 2542 }
+    }
   },
   {
     "id": 3,
     "name": "Superior",
     "description": "Stylish, peaceful and air-conditioned room. The rooms have small clerestory windows.",
     "size": "22 - 40 m² (1 - 3 persons)",
-    "pricePerNight": 1744,
-    "currency": "SEK",
-    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg"
+    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg",
+    "breakfastIncluded": false,
+    "prices": {
+      "currency": "SEK",
+      "nonRefundable": {
+        "standard": 2315,
+        "member": 2247
+      },
+      "freeRebooking": { "standard": 2437, "member": 2365 },
+      "freeCancellation": { "standard": 2620, "member": 2542 }
+    }
   },
   {
     "id": 4,
     "name": "Superior Family",
     "description": "Stylish, peaceful and air-conditioned room. The rooms have small clerestory windows.",
     "size": "29 - 49 m² (3 - 4 persons)",
-    "pricePerNight": 2032,
-    "currency": "SEK",
-    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg"
+    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg",
+    "breakfastIncluded": false,
+    "prices": {
+      "currency": "SEK",
+      "nonRefundable": {
+        "standard": 2315,
+        "member": 2247
+      },
+      "freeRebooking": { "standard": 2437, "member": 2365 },
+      "freeCancellation": { "standard": 2620, "member": 2542 }
+    }
   },
   {
     "id": 5,
     "name": "Superior PLUS",
     "description": "Stylish, peaceful and air-conditioned room. The rooms have small clerestory windows.",
     "size": "21 - 28 m² (2 - 3 persons)",
-    "pricePerNight": 2065,
-    "currency": "SEK",
-    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg"
+    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg",
+    "breakfastIncluded": false,
+    "prices": {
+      "currency": "SEK",
+      "nonRefundable": {
+        "standard": 2315,
+        "member": 2247
+      },
+      "freeRebooking": { "standard": 2437, "member": 2365 },
+      "freeCancellation": { "standard": 2620, "member": 2542 }
+    }
   },
   {
     "id": 6,
     "name": "Junior Suite",
     "description": "Stylish, peaceful and air-conditioned room. The rooms have small clerestory windows.",
     "size": "35 - 43 m² (2 - 4 persons)",
-    "pricePerNight": 3012,
-    "currency": "SEK",
-    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg"
+    "imageSrc": "https://www.scandichotels.se/imageVault/publishedmedia/xnmqnmz6mz0uhuat0917/scandic-helsinki-hub-room-standard-KR-7.jpg",
+    "breakfastIncluded": false,
+    "prices": {
+      "currency": "SEK",
+      "nonRefundable": {
+        "standard": 2315,
+        "member": 2247
+      },
+      "freeRebooking": { "standard": 2437, "member": 2365 },
+      "freeCancellation": { "standard": 2620, "member": 2542 }
+    }
   }
 ]
diff --git a/types/components/hotelReservation/selectRate/flexibilityOption.ts b/types/components/hotelReservation/selectRate/flexibilityOption.ts
new file mode 100644
index 000000000..c61c09e94
--- /dev/null
+++ b/types/components/hotelReservation/selectRate/flexibilityOption.ts
@@ -0,0 +1,8 @@
+export type FlexibilityOptionProps = {
+  name: string
+  value: string
+  paymentTerm: string
+  standardPrice: number
+  memberPrice: number
+  currency: string
+}
diff --git a/types/components/hotelReservation/selectRate/roomCard.ts b/types/components/hotelReservation/selectRate/roomCard.ts
index 7be2ae91d..ae9528b10 100644
--- a/types/components/hotelReservation/selectRate/roomCard.ts
+++ b/types/components/hotelReservation/selectRate/roomCard.ts
@@ -1,3 +1,8 @@
 import { Rate } from "@/server/routers/hotels/output"
 
-export type RoomCardProps = { room: Rate }
+export type RoomCardProps = {
+  room: Rate
+  nrOfNights: number
+  nrOfAdults: number
+  breakfastIncluded: boolean
+}
diff --git a/types/components/hotelReservation/selectRate/roomSelection.ts b/types/components/hotelReservation/selectRate/roomSelection.ts
deleted file mode 100644
index be21abaed..000000000
--- a/types/components/hotelReservation/selectRate/roomSelection.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Rate } from "@/server/routers/hotels/output"
-
-export type RoomSelectionProps = {
-  rooms: Rate[]
-}
diff --git a/types/components/hotelReservation/selectRate/section.ts b/types/components/hotelReservation/selectRate/section.ts
new file mode 100644
index 000000000..bec7f57e5
--- /dev/null
+++ b/types/components/hotelReservation/selectRate/section.ts
@@ -0,0 +1,40 @@
+import { Rate } from "@/server/routers/hotels/output"
+
+export interface SectionProps {
+  nextPath: string
+}
+
+export interface BedSelectionProps extends SectionProps {
+  alternatives: {
+    value: string
+    name: string
+    payment: string
+    pricePerNight: number
+    membersPricePerNight: number
+    currency: string
+  }[]
+}
+
+export interface BreakfastSelectionProps extends SectionProps {
+  alternatives: {
+    value: string
+    name: string
+    payment: string
+    pricePerNight: number
+    currency: string
+  }[]
+}
+
+export interface RoomSelectionProps extends SectionProps {
+  alternatives: Rate[]
+  nrOfAdults: number
+  nrOfNights: number
+}
+
+export interface SectionPageProps {
+  breakfast?: string
+  bed?: string
+  fromDate: string
+  toDate: string
+  room: { adults: number; child: { age: number; bed: number }[] }[]
+}
diff --git a/types/components/hotelReservation/selectRate/sectionAccordion.ts b/types/components/hotelReservation/selectRate/sectionAccordion.ts
new file mode 100644
index 000000000..19d13f836
--- /dev/null
+++ b/types/components/hotelReservation/selectRate/sectionAccordion.ts
@@ -0,0 +1,5 @@
+export interface SectionAccordionProps {
+  header: string
+  selection?: string | string[]
+  path: string
+}