diff --git a/app/[lang]/(live)/(public)/hotelreservation/(confirmation)/booking-confirmation/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/(confirmation)/booking-confirmation/page.tsx
index 23a66f340..ab15f040c 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/(confirmation)/booking-confirmation/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/(confirmation)/booking-confirmation/page.tsx
@@ -1,8 +1,8 @@
 import { getBookingConfirmation } from "@/lib/trpc/memoizedRequests"
 
+import Details from "@/components/HotelReservation/BookingConfirmation/Details"
 import Header from "@/components/HotelReservation/BookingConfirmation/Header"
-import Rooms from "@/components/HotelReservation/BookingConfirmation/Rooms"
-import Summary from "@/components/HotelReservation/BookingConfirmation/Summary"
+import TotalPrice from "@/components/HotelReservation/BookingConfirmation/TotalPrice"
 import { setLang } from "@/i18n/serverContext"
 
 import styles from "./page.module.css"
@@ -15,11 +15,13 @@ export default async function BookingConfirmationPage({
 }: PageArgs<LangParams, { confirmationNumber: string }>) {
   setLang(params.lang)
   void getBookingConfirmation(searchParams.confirmationNumber)
+  const { confirmationNumber } = searchParams
+
   return (
     <div className={styles.main}>
-      <Header confirmationNumber={searchParams.confirmationNumber} />
-      <Rooms />
-      <Summary />
+      <Header confirmationNumber={confirmationNumber} />
+      <Details confirmationNumber={confirmationNumber} />
+      <TotalPrice confirmationNumber={confirmationNumber} />
     </div>
   )
 }