fix: accessing hotel in hotel reservation

app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx

@@ -9,12 +9,12 @@ import { LangParams, PageArgs } from "@/types/params"
 export default async function SelectHotelPage({
   params,
 }: PageArgs<LangParams>) {
-  const hotel = await serverClient().hotel.getHotel({
+  const { attributes } = await serverClient().hotel.getHotel({
     hotelId: "d98c7ab1-ebaa-4102-b351-758daf1ddf55",
     language: params.lang,
   })
 
-  const hotels = [hotel]
+  const hotels = [attributes]
 
   return (
     <main>

components/ContentType/HotelPage/IntroSection/index.tsx

@@ -3,7 +3,7 @@ import TripAdvisorIcon from "@/components/Icons/TripAdvisor"
 import Link from "@/components/TempDesignSystem/Link"
 import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
 import Body from "@/components/TempDesignSystem/Text/Body"
-import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
+import Preamble from "@/components/TempDesignSystem/Text/Preamble"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import { getIntl } from "@/i18n"
 
@@ -55,7 +55,7 @@ export default async function IntroSection({
         </Link>
       </div>
       <div className={styles.subtitleContent}>
-        <Subtitle color="black">{hotelDescription}</Subtitle>
+        <Preamble>{hotelDescription}</Preamble>
         <Link
           className={styles.introLink}
           target="_blank"

components/ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css

@@ -1,6 +1,6 @@
 .roomCard {
   border-radius: var(--Corner-radius-Medium);
-  background-color: var(--Base-Surface-Primary-Normal);
+  background-color: var(--UI-Opacity-White-100);
   border: 1px solid var(--Base-Border-Subtle);
   display: grid;
 }