update 5 files

src/App.js

@@ -149,7 +149,7 @@ function App() {
         {/* <CardDesign1 /> */}
         {/* <CardDesign2 /> */}
         {/* <CardDesign3 /> */}
-        {/* <ContactUsInfoCard /> */}
+        <ContactUsInfoCard />
         <RoomCardInfo />
         {/* <LeafletMap /> */}
 

src/components/ContactUsInfoCard/index.js

@@ -23,7 +23,7 @@ const ContactUsInfoCard = ({ items }) => {
             }`}
           >
             {item.title}
-            <span className="text-[#0F0543] mr-1 text-sm not-italic text-justify leading-6">
+            <span className="text-[#0F0543] mr-1 text-sm text-justify leading-6">
               {item.content}
             </span>
           </p>

src/components/RoomCardInfo/index.js

@@ -7,8 +7,25 @@ const RoomCardInfo = ({ items }) => {
   return (
     <div className="max-w-[555px] flex flex-row items-center justify-between rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10">
       {items.map((item, index) => (
-        <div key={index}>
-          <p>{item.name}</p>
+        <div key={index} className="space-y-1">
+          <p
+            className="text-base text-[#0F0543]"
+            style={{ fontFamily: "iransansBold" }}
+          >
+            {item.name}
+          </p>
+          <p className="text-xs text-[#0F0543]">
+            تاریخ ورود:
+            <span className="mr-1">{item.enterData}</span>
+          </p>
+          <p className="text-xs text-[#0F0543]">
+            تاریخ انقضا اقامت:
+            <span className="mr-1">{item.expireData}</span>
+          </p>
+          <p className="text-xs text-[#0F0543]">
+            شماره محل اقامت:
+            <span className="mr-1">{item.roomNumber}</span>
+          </p>
         </div>
       ))}
       <img src={qrCode} alt="qr-code" />