diff --git a/src/components/RoomCardInfo/images/flower.svg b/public/images/RoomCardInfoflower.svg
similarity index 100%
rename from src/components/RoomCardInfo/images/flower.svg
rename to public/images/RoomCardInfoflower.svg
diff --git a/src/components/RoomCardInfo/images/flower2.svg b/public/images/RoomCardInfoflower2.svg
similarity index 100%
rename from src/components/RoomCardInfo/images/flower2.svg
rename to public/images/RoomCardInfoflower2.svg
diff --git a/src/components/RoomCardInfo/images/qr-code.svg b/public/images/RoomCardInfoqr-code.svg
similarity index 100%
rename from src/components/RoomCardInfo/images/qr-code.svg
rename to public/images/RoomCardInfoqr-code.svg
diff --git a/src/components/RoomCardInfo/index.js b/src/components/CardDesgin/RoomCardInfo/index.js
similarity index 92%
rename from src/components/RoomCardInfo/index.js
rename to src/components/CardDesgin/RoomCardInfo/index.js
index f7b9e71..ec61582 100644
--- a/src/components/RoomCardInfo/index.js
+++ b/src/components/CardDesgin/RoomCardInfo/index.js
@@ -1,14 +1,11 @@
 import React from "react";
 import QRCode from "react-qr-code";
 
-import qrCode from "./images/qr-code.svg";
-import flower2 from "./images/flower2.svg";
-
 const RoomCardInfo = ({ items }) => {
   return (
     <div className="w-fit p-5 relative flex flex-row items-center justify-between rounded-md border bg-white border-gray-200">
       <img
-        src={flower2}
+        src="images/RoomCardInfoflower2.svg"
         alt="flower"
         className="w-1/2 absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2"
       />
diff --git a/src/components/CardDesgin/index.js b/src/components/CardDesgin/index.js
index fb563e9..a9ebea2 100644
--- a/src/components/CardDesgin/index.js
+++ b/src/components/CardDesgin/index.js
@@ -9,6 +9,7 @@ import CardDesign3 from "./CardDesign3";
 import CustomToast from "./CustomToast";
 import CustomToast2 from "./CustomToast2";
 import ProductStatusCard from "./ProductStatusCard";
+import RoomCardInfo from "./RoomCardInfo";
 
 function CardDesgin() {
   const list = {
@@ -21,6 +22,7 @@ function CardDesgin() {
     7: <CustomToast />,
     8: <CustomToast2 />,
     9: <ProductStatusCard />,
+    10: <RoomCardInfo />,
   };
   const [type, setType] = useState(1);
   return (