feat: add route for select hotel

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

@@ -1,10 +1,7 @@
+import HotelCard from "@/components/HotelReservation/SelectHotel/HotelCard"
+
 import { LangParams, PageArgs } from "@/types/params"
 
 export default function HotelReservationPage({ params }: PageArgs<LangParams>) {
-  return (
-    <div>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae,
-      praesentium?
-    </div>
-  )
+  return null
 }

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

@@ -0,0 +1,9 @@
+import HotelCard from "@/components/HotelReservation/SelectHotel/HotelCard"
+
+export default function SelectHotelPage() {
+  return (
+    <div>
+      <HotelCard />
+    </div>
+  )
+}

components/HotelReservation/SelectHotel/HotelCard/hotelCard.module.css

@@ -0,0 +1,15 @@
+.card {
+  margin-left: 50px;
+  margin-top: 50px;
+  min-height: 270px;
+  max-width: 850px;
+  background-color: var(--Base-Surface-Primary-Normal);
+  border: 1px solid black;
+  border-radius: var(--Corner-radius-Small);
+}
+
+.information {
+  display: flex;
+  flex-direction: column;
+  padding: var(--Spacing-x2);
+}

components/HotelReservation/SelectHotel/HotelCard/index.tsx

@@ -0,0 +1,18 @@
+import Title from "@/components/TempDesignSystem/Text/Title"
+
+import styles from "./hotelCard.module.css"
+
+import { LangParams } from "@/types/params"
+
+export default function HotelCard() {
+  return (
+    <div className={styles.card}>
+      <div className={styles.information}>
+        <Title as="h5" color="red">
+          Scandic
+        </Title>
+        <Title as="h4">Helsinki Hub</Title>
+      </div>
+    </div>
+  )
+}

constants/routes/hotelReservation.js

@@ -8,4 +8,16 @@ export const hotelReservation = {
   de: "/de/hotelreservierung",
 }
 
-export const bookingFlow = [...Object.values(hotelReservation)]
+export const selectHotel = {
+  en: `${hotelReservation.en}/select-hotel`,
+  sv: `${hotelReservation.sv}/välj-hotell`,
+  no: `${hotelReservation.no}/velg-hotell`,
+  fi: `${hotelReservation.fi}/valitse-hotelli`,
+  da: `${hotelReservation.da}/vælg-hotel`,
+  de: `${hotelReservation.de}/wähle-hotel`,
+}
+
+export const bookingFlow = [
+  ...Object.values(hotelReservation),
+  ...Object.values(selectHotel),
+]