diff --git a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx
index 90a96095b..04e79d30c 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx
@@ -4,7 +4,9 @@ import { Suspense } from "react"
 
 import { getHotel } from "@/lib/trpc/memoizedRequests"
 
-import HotelInfoCard from "@/components/HotelReservation/SelectRate/HotelInfoCard"
+import HotelInfoCard, {
+  HotelInfoCardSkeleton,
+} from "@/components/HotelReservation/SelectRate/HotelInfoCard"
 import { RoomsContainer } from "@/components/HotelReservation/SelectRate/Rooms/RoomsContainer"
 import { RoomsContainerSkeleton } from "@/components/HotelReservation/SelectRate/Rooms/RoomsContainerSkeleton"
 import TrackingSDK from "@/components/TrackingSDK"
@@ -81,14 +83,19 @@ export default async function SelectRatePage({
 
   return (
     <>
-      <HotelInfoCard
-        hotelId={hotelId}
-        lang={params.lang}
-        fromDate={fromDate.toDate()}
-        toDate={toDate.toDate()}
-        adultArray={adultsInRoom}
-        childArray={childrenInRoom}
-      />
+      <Suspense
+        key={JSON.stringify(searchParams)}
+        fallback={<HotelInfoCardSkeleton />}
+      >
+        <HotelInfoCard
+          hotelId={hotelId}
+          lang={params.lang}
+          fromDate={fromDate.toDate()}
+          toDate={toDate.toDate()}
+          adultArray={adultsInRoom}
+          childArray={childrenInRoom}
+        />
+      </Suspense>
 
       <Suspense
         key={JSON.stringify(searchParams)}
diff --git a/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx b/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx
index eb52f1d85..7cfb6fd63 100644
--- a/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx
+++ b/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx
@@ -2,6 +2,7 @@ import { getHotel } from "@/lib/trpc/memoizedRequests"
 
 import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
 import ImageGallery from "@/components/ImageGallery"
+import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Alert from "@/components/TempDesignSystem/Alert"
 import Divider from "@/components/TempDesignSystem/Divider"
 import Body from "@/components/TempDesignSystem/Text/Body"
@@ -118,3 +119,48 @@ export default async function HotelInfoCard({
     </article>
   )
 }
+
+export function HotelInfoCardSkeleton() {
+  return (
+    <article className={styles.container}>
+      <section className={styles.wrapper}>
+        <div className={styles.imageWrapper}>
+          <SkeletonShimmer height={"100%"} width={"100%"} />
+        </div>
+        <div className={styles.hotelContent}>
+          <div className={styles.hotelInformation}>
+            <SkeletonShimmer width={"60ch"} height={"40px"} />
+            <div className={styles.hotelAddressDescription}>
+              <Caption color="uiTextMediumContrast">
+                <SkeletonShimmer width={"40ch"} />
+              </Caption>
+              <Body color="uiTextHighContrast">
+                <SkeletonShimmer width={"60ch"} />
+                <SkeletonShimmer width={"58ch"} />
+                <SkeletonShimmer width={"45ch"} />
+              </Body>
+            </div>
+          </div>
+          <Divider color="subtle" variant="vertical" />
+          <div className={styles.facilities}>
+            <div className={styles.facilityList}>
+              <Body textTransform="bold" className={styles.facilityTitle}>
+                <SkeletonShimmer width={"20ch"} />
+              </Body>
+              {[1, 2, 3, 4, 5]?.map((id) => {
+                return (
+                  <div className={styles.facilitiesItem} key={id}>
+                    <SkeletonShimmer width={"10ch"} />
+                  </div>
+                )
+              })}
+            </div>
+            <div className={styles.hotelAlert}>
+              <SkeletonShimmer width={"18ch"} />
+            </div>
+          </div>
+        </div>
+      </section>
+    </article>
+  )
+}
