update App.js, src/components/CurrentDateShamsi/index.js and src/components/ProductSuggestion/index.js

src/App.js

@@ -95,6 +95,7 @@ import DateTime from "./components/DateTime";
 import CardDesign3 from "./components/CardDesign3";
 import CustomToast2 from "./components/CustomToast2";
 import ContactUsInfoCard from "./components/ContactUsInfoCard";
+import RoomCardInfo from "./components/RoomCardInfo";
 
 function App() {
   return (
@@ -115,12 +116,12 @@ function App() {
         {/* <BlogDesign6 /> */}
         {/* <ContactInfoSection /> */}
         {/* <Testttt /> */}
-        {/* <Design2D /> */}
+        <Design2D />
         {/* <Features /> */}
         {/* <Feedback /> */}
         {/* <Alert /> */}
         {/* <Toast /> */}
-        {/* <ProductSuggestion /> */}
+        <ProductSuggestion />
         {/* <ProductImage /> */}
         {/* <ProductTab /> */}
         {/* <ProductStatusCard /> */}
@@ -140,15 +141,16 @@ function App() {
         {/* <SidebarDesign2 className="w-1/5" /> */}
         {/* <FileManager /> */}
         {/* <GridListTable /> */}
-        {/* <PopupCard /> */}
+        <PopupCard />
         {/* <TimeLineComponent /> */}
-        {/* <CardTrelloDesign /> */}
+        <CardTrelloDesign />
         {/* <ReligiousTimes /> */}
-        {/* <DistributedData /> */}
+        <DistributedData />
         <CardDesign1 />
         <CardDesign2 />
         <CardDesign3 />
         <ContactUsInfoCard />
+        <RoomCardInfo />
         {/* <LeafletMap /> */}
 
         {/* *************************************************** mini components ***************************************************  */}
@@ -181,11 +183,11 @@ function App() {
         {/* <FolderTree /> */}
         {/* <IndianaDragScroll /> */}
         {/* <IconText /> */}
-        {/* <CustomToast /> */}
+        <CustomToast />
-        {/* <CustomToast2 /> */}
+        <CustomToast2 />
         <DateRangePicker />
-        {/* <BoxNextToEachOther /> */}
+        <BoxNextToEachOther />
-        {/* <ProfileInfo /> */}
+        <ProfileInfo />
         <UserProfileInfo />
         {/* <CurrentTime /> */}
         {/* <CurrentDateShamsi /> */}

src/components/CurrentDateShamsi/index.js

@@ -3,14 +3,23 @@ import React from "react";
 const CurrentDateShamsi = ({ color, fontSize }) => {
   const date = new Date();
   const option = {
-    weekday: "long",
     year: "numeric",
     month: "numeric",
     day: "numeric",
   };
+  const option2 = {
+    weekday: "long",
+  };
+
   const todayDate = date.toLocaleDateString("fa-IR", option);
+  const weekday = date.toLocaleDateString("fa-IR", option2);
 
-  return <p className={`${color} ${fontSize}`}>{todayDate}</p>;
+  return (
+    <p className={`${color} ${fontSize}`}>
+      {todayDate}
+      <span className="text-red-400">{weekday}</span>
+    </p>
+  );
 };
 
 export default CurrentDateShamsi;

src/components/ProductSuggestion/index.js

@@ -5,7 +5,7 @@ import plus from "./plus.svg";
 import Button from "../Button";
 
 const ProductSuggestion = ({ suggestions, selected }) => {
-  const [selectedProduct, setSelectedProduct] = useState(null);
+  const [selectedProduct, setSelectedProduct] = useState([]);
 
   return (
     <section className="m-10 border-2 border-gray-300 p-4 rounded-lg">
@@ -19,11 +19,13 @@ const ProductSuggestion = ({ suggestions, selected }) => {
             <img src={suggestion.plusIcon} alt="" className="mx-4" />
             <div
               className={`flex flex-col items-center border rounded-md border-gray-300 p-5 mx-4 cursor-pointer transition-all ease-in-out duration-500
-                ${selectedProduct === suggestion ? "bg-white" : ""}`}
+                ${selectedProduct.includes(suggestion) ? "bg-white" : ""}`}
               // onClick={() => setSelectedProduct(suggestion)}
               onClick={() =>
                 setSelectedProduct(
-                  selectedProduct === suggestion ? null : suggestion
+                  selectedProduct.includes(suggestion)
+                    ? selectedProduct.filter((item) => item != suggestion)
+                    : [...selectedProduct, suggestion]
                 )
               }
             >
@@ -43,13 +45,19 @@ const ProductSuggestion = ({ suggestions, selected }) => {
                 {/* {suggestion.selected && (
                   <span className="text-xs">انتخاب شما</span>
                 )} */}
-                {selectedProduct === suggestion && (
+                {selectedProduct.includes(suggestion) && (
                   <span className="text-xs mt-2">انتخاب شما</span>
                 )}
                 <input
                   // checked={suggestion.selected}
-                  checked={selectedProduct === suggestion ? true : false}
+                  checked={selectedProduct.includes(suggestion)}
-                  onClick={() => setSelectedProduct(suggestion)}
+                  onClick={() =>
+                    setSelectedProduct(
+                      selectedProduct.includes(suggestion)
+                        ? selectedProduct.filter((item) => item != suggestion)
+                        : [...selectedProduct, suggestion]
+                    )
+                  }
                   className="checkbox-input mt-4 cursor-pointer w-4 h-4"
                   type="checkbox"
                 />

src/components/RoomCardInfo/images/flower.svg

@@ -0,0 +1,87 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="498.795" height="280.531" viewBox="0 0 498.795 280.531">
+  <g id="Group_35" data-name="Group 35" transform="translate(-192.899 -175.749)">
+    <g id="Group_22" data-name="Group 22" transform="translate(192.899 219.779)">
+      <path id="Path_2" data-name="Path 2" d="M224.283,422.663a22.2,22.2,0,0,1-10.66-2.736c-18.969-10.343-25.95-33.929-16.605-56.077,7.421-17.582,20.22-30.035,37.011-36.018,21.772-7.755,49.6-4.529,74.437,8.63,3.163,1.674,6.829,3.691,11.07,6.03,45.79,25.218,153.022,84.281,235.092,38.58,42.978-23.933,69.875-84.8,41.413-137.255a105.13,105.13,0,0,0-106.1-53.739,66.188,66.188,0,0,0-56.56,74.454,41.655,41.655,0,0,0,46.851,35.591,26.013,26.013,0,0,0,22.225-29.257,16.044,16.044,0,0,0-18.043-13.7l-.406-2.943A19.025,19.025,0,0,1,505.4,270.465a28.984,28.984,0,0,1-24.762,32.6,44.625,44.625,0,0,1-50.2-38.128,69.16,69.16,0,0,1,59.1-77.795A108.11,108.11,0,0,1,598.647,242.4c13.387,24.673,15.823,53.3,6.85,80.6-8.47,25.776-26.483,47.887-49.422,60.661-22.191,12.356-46.141,17.218-70.2,17.218-66.467,0-133.834-37.1-167.771-55.794-4.228-2.33-7.882-4.338-11.028-6-24.115-12.774-51.046-15.937-72.048-8.457-16.22,5.776-28.09,17.345-35.274,34.377-8.74,20.715-2.309,42.72,15.29,52.318a19.368,19.368,0,0,0,26.267-7.73,9.39,9.39,0,0,0-3.751-12.744,4.2,4.2,0,0,0-5.687,1.67l-2.6-1.421a7.165,7.165,0,0,1,9.713-2.854,12.359,12.359,0,0,1,4.935,16.77,22.178,22.178,0,0,1-13.3,10.732A22.433,22.433,0,0,1,224.283,422.663Z" transform="translate(-192.899 -186.162)" fill="#2d9179"/>
+    </g>
+    <g id="Group_23" data-name="Group 23" transform="translate(383.343 191.902)">
+      <path id="Path_3" data-name="Path 3" d="M349.5,421.946a119.06,119.06,0,0,1-37.688-6.575c-20.216-6.99-47.5-22.96-62.653-59.333-17.89-42.935-14.224-89.237,9.8-123.851a116.485,116.485,0,0,1,47.1-39.367c20.711-9.687,44.475-14.1,70.615-13.117l-.11,2.964c-50.048-1.873-90.945,16.309-115.174,51.21-23.447,33.777-27,79.021-9.5,121.018,14.732,35.358,41.24,50.876,60.881,57.671a113.409,113.409,0,0,0,39.494,6.347l.182,2.964C352.288,421.887,351.252,421.946,349.5,421.946Z" transform="translate(-237.938 -179.569)" fill="#2d9179"/>
+    </g>
+    <g id="Group_24" data-name="Group 24" transform="translate(563.357 226.6)">
+      <path id="Path_4" data-name="Path 4" d="M281.926,372.824l-1.416-2.609c16.03-8.711,49.367-44.961,44-95.93-3.3-31.358,4.74-58.251,22.06-73.782a48.1,48.1,0,0,1,43.295-11.548l-.63,2.9a45.193,45.193,0,0,0-40.682,10.859c-16.6,14.884-24.288,40.859-21.087,71.262C332.981,326.417,298.5,363.817,281.926,372.824Z" transform="translate(-280.51 -187.775)" fill="#2d9179"/>
+    </g>
+    <g id="Group_25" data-name="Group 25" transform="translate(510.636 280.918)">
+      <path id="Path_5" data-name="Path 5" d="M268.558,352.4l-.516-2.926a95.7,95.7,0,0,0,77.5-110.781c-2.186-12.393-9.7-23.954-19.595-30.17-7.658-4.812-16.043-6.135-24.237-3.827-9.844,2.765-16.093,11.489-14.537,20.284l-2.922.516c-1.822-10.3,5.336-20.474,16.652-23.658,9.032-2.537,18.237-1.1,26.626,4.173,10.584,6.647,18.605,18.973,20.939,32.166A98.686,98.686,0,0,1,268.558,352.4Z" transform="translate(-268.042 -200.621)" fill="#2d9179"/>
+    </g>
+    <path id="Path_6" data-name="Path 6" d="M289.379,206.433s.6,9.264-15.108,8.186c-13.273-.913-17.7,8.88-17.7,8.88S272,190.555,289.379,206.433Z" transform="translate(205.561 85.095)" fill="#2d9179"/>
+    <path id="Path_7" data-name="Path 7" d="M242.746,225.127s8.1,5.949,12.8-9.074a22.505,22.505,0,0,1,15.019-15.29S234.272,203.16,242.746,225.127Z" transform="translate(156.789 80.756)" fill="#2d9179"/>
+    <path id="Path_8" data-name="Path 8" d="M268.257,182.4s-1.239,9.2,14.508,9.2c13.307,0,17.053,10.072,17.053,10.072S286.685,167.751,268.257,182.4Z" transform="translate(243.216 9.626)" fill="#2d9179"/>
+    <path id="Path_9" data-name="Path 9" d="M343.019,195.886s-10.165,7.958-20.263,9.721S300.9,195.256,300.9,195.256s11.806-10.5,21.895-8.7S343.019,195.886,343.019,195.886Z" transform="translate(348.674 34.211)" fill="#c39500"/>
+    <path id="Path_10" data-name="Path 10" d="M278.051,228.037s-4.689-4.495-6.3-9.4,3.59-11.624,3.59-11.624,6.072,5.121,5.9,10.279S278.051,228.037,278.051,228.037Z" transform="translate(253.589 100.946)" fill="#c39500"/>
+    <path id="Path_11" data-name="Path 11" d="M314.044,195.818s-3.087,6.791-7.789,10.394-13.971.537-13.971.537,3.247-8.537,8.9-10.309S314.044,195.818,314.044,195.818Z" transform="translate(320.861 63.599)" fill="#2d9179"/>
+    <path id="Path_12" data-name="Path 12" d="M297.444,186.4s5.273,5.281,6.994,10.947-4.41,13.265-4.41,13.265-6.85-6.034-6.524-11.95S297.444,186.4,297.444,186.4Z" transform="translate(324.759 34.392)" fill="#2d9179"/>
+    <g id="Group_26" data-name="Group 26" transform="translate(499.089 238.821)">
+      <path id="Path_13" data-name="Path 13" d="M344.581,203.828c-.4-.258-40.136-25.256-78.484-1.319l-.786-1.26c39.155-24.44,79.668,1.07,80.074,1.328Z" transform="translate(-265.311 -190.665)" fill="#2d9179"/>
+    </g>
+    <path id="Path_14" data-name="Path 14" d="M284.727,194.03s-6.791-5.958-11.379,1.725c-3.045,5.1-9.751,6.6-12.389,4.774a13.488,13.488,0,0,0,10.258,5.357C279.953,206.09,286.452,198.7,284.727,194.03Z" transform="translate(219.728 51.91)" fill="#2d9179"/>
+    <path id="Path_15" data-name="Path 15" d="M244.383,201.207s7.222,7.484,13.222-.892c3.983-5.565,11.823-6.643,14.677-4.3a15.542,15.542,0,0,0-11.26-7.129C251.017,187.824,242.848,195.681,244.383,201.207Z" transform="translate(165.613 42.108)" fill="#2d9179"/>
+    <path id="Path_16" data-name="Path 16" d="M258.184,219.324s-8.668,5.738-12.715-3.734c-2.685-6.3-10.1-9.049-13.4-7.37a15.542,15.542,0,0,1,12.537-4.524C254.606,204.816,260.881,214.258,258.184,219.324Z" transform="translate(126.458 89.921)" fill="#2d9179"/>
+    <path id="Path_17" data-name="Path 17" d="M304.288,229.033s-9.751,3.62-11.535-6.52c-1.188-6.744-7.785-11.108-11.374-10.224a15.525,15.525,0,0,1,13.235-1.556C304.1,214.094,308.064,224.711,304.288,229.033Z" transform="translate(285.649 110.195)" fill="#2d9179"/>
+    <path id="Path_18" data-name="Path 18" d="M272.783,224.826s-7.049,7.649,1.662,13.146c5.789,3.658,7.324,11.417,5.142,14.4a15.524,15.524,0,0,0,6.465-11.654C286.534,230.67,278.212,222.974,272.783,224.826Z" transform="translate(249.207 157.549)" fill="#2d9179"/>
+    <path id="Path_19" data-name="Path 19" d="M272.86,207.6s8.8-5.535,12.622,4.034c2.533,6.36,9.882,9.29,13.218,7.687a15.538,15.538,0,0,1-12.643,4.224C276.09,222.186,270.044,212.6,272.86,207.6Z" transform="translate(255.913 97.694)" fill="#c39500"/>
+    <path id="Path_20" data-name="Path 20" d="M286.66,206.327s-10.275-1.594-10,8.7c.186,6.846-5.4,12.444-9.1,12.292a15.535,15.535,0,0,0,13.281-1.121C289.459,221,291.222,209.807,286.66,206.327Z" transform="translate(241.038 98.431)" fill="#c39500"/>
+    <path id="Path_21" data-name="Path 21" d="M293.888,238.124s-7.882.693-7.15-7.108c.486-5.184-3.476-9.713-6.288-9.789a11.816,11.816,0,0,1,10.026,1.522C296.755,227.125,297.524,235.713,293.888,238.124Z" transform="translate(282.653 145.195)" fill="#2d9179"/>
+    <path id="Path_22" data-name="Path 22" d="M265.425,233.687s-5.429,8.867-13.1,2c-5.091-4.571-12.977-3.928-15.252-1.015a15.525,15.525,0,0,1,9.446-9.4C256.046,222.058,265.725,227.957,265.425,233.687Z" transform="translate(142.601 156.938)" fill="#2d9179"/>
+    <path id="Path_23" data-name="Path 23" d="M264.323,228.725s-1.066-5.806,4.782-5.806c3.882,0,6.973-3.256,6.829-5.349a8.823,8.823,0,0,1-.431,7.552C272.687,230.086,266.365,231.257,264.323,228.725Z" transform="translate(230.343 135.016)" fill="#2d9179"/>
+    <path id="Path_24" data-name="Path 24" d="M279.408,191.364s2.943,5.112-2.567,7.07c-3.662,1.294-5.484,5.4-4.647,7.324a8.815,8.815,0,0,1-2.119-7.26C271.07,192.873,276.634,189.66,279.408,191.364Z" transform="translate(248.747 48.936)" fill="#2d9179"/>
+    <path id="Path_25" data-name="Path 25" d="M285.36,200.288s1.649-5.662-4.165-6.262c-3.865-.393-6.6-3.945-6.254-6.013a8.823,8.823,0,0,0-.338,7.552C276.9,200.8,283.068,202.6,285.36,200.288Z" transform="translate(261.506 39.593)" fill="#2d9179"/>
+    <path id="Path_26" data-name="Path 26" d="M259.309,254.1s8.309-6.258.727-13.235c-5.036-4.634-5.15-12.546-2.474-15.087a15.525,15.525,0,0,0-8.448,10.3C246.835,245.884,253.634,254.954,259.309,254.1Z" transform="translate(180.028 161.528)" fill="#2d9179"/>
+    <path id="Path_27" data-name="Path 27" d="M241.711,230.654s9.133,1.163,9.966-7.615c.554-5.831,6.212-10.715,9.535-10.66a15.05,15.05,0,0,0-12.14,1.213C240.726,218.193,237.948,227.779,241.711,230.654Z" transform="translate(152.267 115.847)" fill="#2d9179"/>
+    <path id="Path_28" data-name="Path 28" d="M258.224,218.824s-3.078,5.446,2.228,8.229c3.531,1.852,5.146,6.668,4.258,8.744a10.238,10.238,0,0,0,2.359-7.954C266.326,221.407,261.006,217.192,258.224,218.824Z" transform="translate(208.031 137.927)" fill="#2d9179"/>
+    <g id="Group_27" data-name="Group 27" transform="translate(392.574 288.525)">
+      <path id="Path_29" data-name="Path 29" d="M244.142,285.158c-.156-.516-15.167-51.684,13.835-82.738l1.083,1.015c-28.428,30.432-13.649,80.788-13.5,81.292Z" transform="translate(-240.121 -202.42)" fill="#2d9179"/>
+    </g>
+    <g id="Group_28" data-name="Group 28" transform="translate(216.41 427.506)">
+      <path id="Path_30" data-name="Path 30" d="M200.054,244.547a14.321,14.321,0,0,1,1.446-5.691c1.336-2.321,5.738-2.651,5.738-2.651s.127,4.127-1.924,5.852A14.96,14.96,0,0,1,200.054,244.547Z" transform="translate(-193.31 -232.331)" fill="#c39500"/>
+      <path id="Path_31" data-name="Path 31" d="M204.38,235.971s5.193,1.484,2.82,6.275c-1.577,3.188-.161,7.045,1.615,7.78a8.078,8.078,0,0,1-6.021-3.425C199.865,242.28,201.471,236.614,204.38,235.971Z" transform="translate(-189.475 -233.084)" fill="#c39500"/>
+      <path id="Path_32" data-name="Path 32" d="M213.2,237.575s-2.947-4.524-6.829-.846c-2.579,2.448-6.681,2.228-7.907.748a8.072,8.072,0,0,0,5.04,4.744C208.5,243.749,213.436,240.543,213.2,237.575Z" transform="translate(-198.459 -235.288)" fill="#c39500"/>
+    </g>
+    <g id="Group_29" data-name="Group 29" transform="translate(307.388 205.881)">
+      <path id="Path_33" data-name="Path 33" d="M379.543,409.823a266.532,266.532,0,0,1-57.321-17.535c-28.343-12.254-66.23-34.952-85.761-73.477-19.523-38.508-18.2-73.393-13.649-95.88,4.93-24.377,14.347-39.426,14.745-40.056l2.507,1.59c-.1.152-9.561,15.3-14.368,39.181-4.431,21.992-5.7,56.128,13.413,93.824s56.352,60.006,84.222,72.065A263.1,263.1,0,0,0,380,406.889Z" transform="translate(-219.975 -182.875)" fill="#2d9179"/>
+    </g>
+    <g id="Group_30" data-name="Group 30" transform="translate(429.726 272.614)">
+      <path id="Path_34" data-name="Path 34" d="M342.9,314.194c-5.463-15.878-18.081-19.074-32.686-22.774-14.013-3.548-29.895-7.573-43.312-23.337-27.43-32.233-15.37-69.059-15.243-69.427l2.106.715c-.118.355-11.759,36.022,14.829,67.27,12.96,15.222,28.474,19.155,42.166,22.622,15.231,3.856,28.39,7.193,34.246,24.208Z" transform="translate(-248.907 -198.657)" fill="#2d9179"/>
+    </g>
+    <path id="Path_35" data-name="Path 35" d="M222.153,199.613s4.922-7.518,14.106-6.6c0,0-6.372,3.011-7.412,12.719s-8.812,10.74-8.563,7.112S222.153,199.613,222.153,199.613Z" transform="translate(88.394 55.495)" fill="#2d9179"/>
+    <path id="Path_36" data-name="Path 36" d="M233.682,208.191c-5.176-3.577-10.761-6.279-17.438-4.44,0,0,6.981.93,10.922,9.865s10.322,4.173,10.322,4.173S238.862,211.773,233.682,208.191Z" transform="translate(75.369 88.487)" fill="#2d9179"/>
+    <path id="Path_37" data-name="Path 37" d="M224.672,224.095c2.034-5.958,4.918-11.451,11.379-13.95,0,0-5.057,4.9-2.918,14.432s-5.81,9.493-5.81,9.493S222.638,230.048,224.672,224.095Z" transform="translate(100.925 111.045)" fill="#2d9179"/>
+    <path id="Path_38" data-name="Path 38" d="M241.759,221.708c-6.14-1.379-12.33-1.784-17.835,2.423,0,0,6.825-1.755,13.831,5.049s11.129,0,11.129,0S247.9,223.086,241.759,221.708Z" transform="translate(100.163 145.293)" fill="#2d9179"/>
+    <path id="Path_39" data-name="Path 39" d="M195.6,227.656s9.971.3,11.083,8.313-6.3,18.867,2.127,23.075C208.81,259.043,189.233,257.394,195.6,227.656Z" transform="translate(4.61 167.578)" fill="#2d9179"/>
+    <path id="Path_40" data-name="Path 40" d="M234.814,219.645s3.552,10.44-4.313,14.7-21.979.782-23.07,11.142C207.431,245.485,205.883,217.18,234.814,219.645Z" transform="translate(46.87 141.224)" fill="#2d9179"/>
+    <path id="Path_41" data-name="Path 41" d="M234.427,225.888s-1.8-9.814-9.89-9.7-17.7,9.083-23.13,1.383C201.407,217.566,212.671,240.6,234.427,225.888Z" transform="translate(27.468 130.538)" fill="#2d9179"/>
+    <g id="Group_32" data-name="Group 32" transform="translate(418.917 302.391)">
+      <g id="Group_31" data-name="Group 31">
+        <path id="Path_42" data-name="Path 42" d="M257.444,218.566s8.478-4.127,7.975-9.928c-.317-3.62-4.279-3.349-6.495-2.08a3.158,3.158,0,0,1-3.467,0c-2.216-1.268-6.114-1.476-6.431,2.144C248.522,214.5,257.444,218.566,257.444,218.566Z" transform="translate(-237.781 -205.699)" fill="#c39500"/>
+        <path id="Path_43" data-name="Path 43" d="M260.568,218.979s.664-9.408-4.613-11.873c-3.29-1.535-5.036,2.034-5.044,4.584a3.152,3.152,0,0,1-1.734,3c-2.207,1.29-4.338,4.558-1.362,6.643C252.585,224.671,260.568,218.979,260.568,218.979Z" transform="translate(-246.351 -202.353)" fill="#c39500"/>
+        <path id="Path_44" data-name="Path 44" d="M260.549,213.516s-7.818-5.277-12.588-1.941c-2.977,2.08-.757,5.379,1.446,6.664a3.147,3.147,0,0,1,1.734,3c.013,2.554,1.78,6.034,5.07,4.5C261.488,223.275,260.549,213.516,260.549,213.516Z" transform="translate(-245.799 -190.298)" fill="#c39500"/>
+        <path id="Path_45" data-name="Path 45" d="M257.357,211.861s-8.478,4.131-7.975,9.928c.317,3.62,4.279,3.349,6.495,2.08a3.16,3.16,0,0,1,3.467,0c2.216,1.269,6.114,1.48,6.431-2.14C266.279,215.929,257.357,211.861,257.357,211.861Z" transform="translate(-236.632 -185.806)" fill="#c39500"/>
+        <path id="Path_46" data-name="Path 46" d="M252.56,213.571s-.664,9.412,4.613,11.873c3.29,1.539,5.036-2.034,5.045-4.584a3.153,3.153,0,0,1,1.738-3c2.2-1.285,4.334-4.558,1.357-6.643C260.544,207.879,252.56,213.571,252.56,213.571Z" transform="translate(-226.39 -191.274)" fill="#c39500"/>
+        <path id="Path_47" data-name="Path 47" d="M252.463,219.034s7.818,5.277,12.588,1.941c2.977-2.08.757-5.379-1.446-6.664a3.147,3.147,0,0,1-1.734-3c-.013-2.55-1.78-6.034-5.07-4.5C251.525,209.275,252.463,219.034,252.463,219.034Z" transform="translate(-226.825 -203.33)" fill="#c39500"/>
+      </g>
+      <path id="Path_48" data-name="Path 48" d="M276.782,221.411a14.548,14.548,0,1,1-14.55-14.55A14.546,14.546,0,0,1,276.782,221.411Z" transform="translate(-242.04 -201.948)" fill="#c39500"/>
+      <path id="Path_49" data-name="Path 49" d="M260.459,214.341a5.292,5.292,0,1,1-5.294-5.29A5.293,5.293,0,0,1,260.459,214.341Z" transform="translate(-234.973 -194.878)" fill="#fff"/>
+    </g>
+    <g id="Group_34" data-name="Group 34" transform="translate(480.158 411.059)">
+      <g id="Group_33" data-name="Group 33">
+        <path id="Path_50" data-name="Path 50" d="M271.924,244.268s8.482-4.131,7.975-9.933c-.313-3.62-4.279-3.345-6.491-2.08a3.143,3.143,0,0,1-3.467,0c-2.216-1.264-6.119-1.476-6.431,2.144C263.007,240.2,271.924,244.268,271.924,244.268Z" transform="translate(-252.262 -231.398)" fill="#c39500"/>
+        <path id="Path_51" data-name="Path 51" d="M275.054,244.676s.664-9.408-4.613-11.869c-3.294-1.539-5.036,2.034-5.049,4.584a3.155,3.155,0,0,1-1.734,3c-2.2,1.285-4.338,4.558-1.362,6.643C267.071,250.372,275.054,244.676,275.054,244.676Z" transform="translate(-260.834 -228.052)" fill="#c39500"/>
+        <path id="Path_52" data-name="Path 52" d="M275.03,239.216s-7.814-5.277-12.584-1.941c-2.977,2.08-.761,5.379,1.442,6.664a3.141,3.141,0,0,1,1.734,3c.013,2.55,1.78,6.034,5.074,4.5C275.968,248.975,275.03,239.216,275.03,239.216Z" transform="translate(-260.281 -215.996)" fill="#c39500"/>
+        <path id="Path_53" data-name="Path 53" d="M271.841,237.561s-8.482,4.127-7.975,9.928c.313,3.62,4.279,3.345,6.491,2.08a3.152,3.152,0,0,1,3.467,0c2.216,1.264,6.119,1.476,6.431-2.144C280.763,241.629,271.841,237.561,271.841,237.561Z" transform="translate(-251.114 -211.503)" fill="#c39500"/>
+        <path id="Path_54" data-name="Path 54" d="M267.044,239.271s-.664,9.408,4.613,11.873c3.294,1.535,5.036-2.034,5.049-4.584a3.16,3.16,0,0,1,1.734-3.006c2.2-1.285,4.338-4.558,1.357-6.639C275.027,233.579,267.044,239.271,267.044,239.271Z" transform="translate(-240.874 -216.972)" fill="#c39500"/>
+        <path id="Path_55" data-name="Path 55" d="M266.947,244.736s7.814,5.277,12.588,1.941c2.977-2.085.757-5.379-1.446-6.664a3.153,3.153,0,0,1-1.734-3c-.013-2.554-1.78-6.038-5.074-4.5C266.009,234.976,266.947,244.736,266.947,244.736Z" transform="translate(-241.306 -229.029)" fill="#c39500"/>
+      </g>
+      <path id="Path_56" data-name="Path 56" d="M291.269,247.107a14.55,14.55,0,1,1-14.55-14.546A14.552,14.552,0,0,1,291.269,247.107Z" transform="translate(-256.524 -227.645)" fill="#c39500"/>
+      <path id="Path_57" data-name="Path 57" d="M274.938,240.04a5.29,5.29,0,1,1-5.29-5.29A5.289,5.289,0,0,1,274.938,240.04Z" transform="translate(-249.454 -220.578)" fill="#fff"/>
+    </g>
+    <path id="Path_58" data-name="Path 58" d="M225.039,217.433s13.8,5.383,19.734-19.032c5.011-20.635,22.03-22.652,22.03-22.652S209.258,183.339,225.039,217.433Z" transform="translate(94.917 0)" fill="#2d9179"/>
+  </g>
+</svg>

src/components/RoomCardInfo/images/flower2.svg

@@ -0,0 +1,87 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="338.357" height="190.298" viewBox="0 0 338.357 190.298">
+  <g id="Group_2120" data-name="Group 2120" transform="translate(-192.899 -175.749)" opacity="0.26">
+    <g id="Group_22" data-name="Group 22" transform="translate(192.899 205.617)">
+      <path id="Path_2" data-name="Path 2" d="M214.188,346.592a15.058,15.058,0,0,1-7.231-1.856c-12.867-7.016-17.6-23.016-11.264-38.04,5.034-11.927,13.716-20.374,25.107-24.433,14.769-5.26,33.643-3.072,50.494,5.854,2.145,1.136,4.632,2.5,7.509,4.09,31.061,17.107,103.8,57.172,159.474,26.171,29.154-16.235,47.4-57.522,28.092-93.107A71.315,71.315,0,0,0,394.4,188.818a44.9,44.9,0,0,0-38.367,50.506,28.257,28.257,0,0,0,31.781,24.143,17.646,17.646,0,0,0,15.076-19.846,10.883,10.883,0,0,0-12.239-9.3l-.275-2a12.905,12.905,0,0,1,14.508,11.02,19.661,19.661,0,0,1-16.8,22.112,30.272,30.272,0,0,1-34.05-25.864,46.915,46.915,0,0,1,40.088-52.772,73.336,73.336,0,0,1,74.015,37.486,68.612,68.612,0,0,1,4.647,54.676,73.712,73.712,0,0,1-33.525,41.149c-15.053,8.381-31.3,11.68-47.62,11.68-45.087,0-90.786-25.167-113.807-37.848-2.868-1.58-5.346-2.943-7.481-4.073-16.358-8.665-34.627-10.811-48.874-5.737-11,3.918-19.054,11.766-23.928,23.32-5.929,14.052-1.566,28.979,10.372,35.49a13.138,13.138,0,0,0,17.818-5.243,6.37,6.37,0,0,0-2.544-8.645,2.846,2.846,0,0,0-3.858,1.133l-1.767-.964a4.86,4.86,0,0,1,6.589-1.936,8.384,8.384,0,0,1,3.347,11.376,15.044,15.044,0,0,1-9.024,7.28A15.218,15.218,0,0,1,214.188,346.592Z" transform="translate(-192.899 -186.162)" fill="#2d9179"/>
+    </g>
+    <g id="Group_23" data-name="Group 23" transform="translate(322.087 186.706)">
+      <path id="Path_3" data-name="Path 3" d="M313.617,343.985a80.764,80.764,0,0,1-25.566-4.46c-13.714-4.741-32.22-15.575-42.5-40.249-12.136-29.125-9.649-60.534,6.649-84.014a79.017,79.017,0,0,1,31.953-26.7c14.049-6.571,30.169-9.566,47.9-8.9l-.075,2.011c-33.95-1.271-61.692,11.063-78.128,34.739-15.9,22.912-18.314,53.6-6.442,82.092,9.993,23.985,27.975,34.512,41.3,39.121a76.93,76.93,0,0,0,26.79,4.305l.123,2.011C315.507,343.945,314.8,343.985,313.617,343.985Z" transform="translate(-237.938 -179.569)" fill="#2d9179"/>
+    </g>
+    <g id="Group_24" data-name="Group 24" transform="translate(444.198 210.244)">
+      <path id="Path_4" data-name="Path 4" d="M281.471,313.3l-.961-1.77c10.874-5.909,33.488-30.5,29.845-65.074-2.237-21.272,3.215-39.514,14.964-50.05a32.631,32.631,0,0,1,29.369-7.833l-.427,1.968a30.657,30.657,0,0,0-27.6,7.366c-11.261,10.1-16.476,27.717-14.3,48.34C316.1,281.822,292.715,307.193,281.471,313.3Z" transform="translate(-280.51 -187.775)" fill="#2d9179"/>
+    </g>
+    <g id="Group_25" data-name="Group 25" transform="translate(408.436 247.09)">
+      <path id="Path_5" data-name="Path 5" d="M268.392,303.581l-.35-1.985a64.92,64.92,0,0,0,52.574-75.148c-1.483-8.407-6.577-16.249-13.292-20.466a20.028,20.028,0,0,0-16.441-2.6c-6.678,1.876-10.917,7.793-9.861,13.76l-1.982.35c-1.236-6.99,3.62-13.888,11.3-16.048a22.016,22.016,0,0,1,18.062,2.831c7.18,4.509,12.621,12.87,14.2,21.819A66.944,66.944,0,0,1,268.392,303.581Z" transform="translate(-268.042 -200.621)" fill="#2d9179"/>
+    </g>
+    <path id="Path_6" data-name="Path 6" d="M278.826,205.041s.407,6.285-10.249,5.553c-9-.62-12.007,6.024-12.007,6.024S267.035,194.271,278.826,205.041Z" transform="translate(118.962 49.246)" fill="#2d9179"/>
+    <path id="Path_7" data-name="Path 7" d="M242.334,217.29s5.493,4.036,8.685-6.155a15.267,15.267,0,0,1,10.188-10.372S236.585,202.389,242.334,217.29Z" transform="translate(90.736 46.735)" fill="#2d9179"/>
+    <path id="Path_8" data-name="Path 8" d="M268.25,181.221s-.84,6.242,9.841,6.242c9.027,0,11.568,6.832,11.568,6.832S280.75,171.283,268.25,181.221Z" transform="translate(140.754 5.571)" fill="#2d9179"/>
+    <path id="Path_9" data-name="Path 9" d="M329.472,192.817s-6.9,5.4-13.745,6.594S300.9,192.39,300.9,192.39s8.008-7.125,14.852-5.9S329.472,192.817,329.472,192.817Z" transform="translate(201.784 19.799)" fill="#c39500"/>
+    <path id="Path_10" data-name="Path 10" d="M275.927,221.276a18.729,18.729,0,0,1-4.271-6.373c-1.087-3.324,2.435-7.885,2.435-7.885s4.119,3.474,4,6.973A19.515,19.515,0,0,1,275.927,221.276Z" transform="translate(146.756 58.42)" fill="#c39500"/>
+    <path id="Path_11" data-name="Path 11" d="M307.046,195.7s-2.094,4.607-5.283,7.05-9.477.364-9.477.364,2.2-5.791,6.035-6.993A22.437,22.437,0,0,1,307.046,195.7Z" transform="translate(185.688 36.806)" fill="#2d9179"/>
+    <path id="Path_12" data-name="Path 12" d="M296.173,186.4s3.577,3.583,4.744,7.426-2.992,9-2.992,9-4.647-4.093-4.426-8.106A22.521,22.521,0,0,1,296.173,186.4Z" transform="translate(187.944 19.903)" fill="#2d9179"/>
+    <g id="Group_26" data-name="Group 26" transform="translate(400.602 218.534)">
+      <path id="Path_13" data-name="Path 13" d="M319.084,199.594c-.27-.175-27.226-17.133-53.239-.895l-.534-.855c26.561-16.579,54.043.726,54.318.9Z" transform="translate(-265.311 -190.665)" fill="#2d9179"/>
+    </g>
+    <path id="Path_14" data-name="Path 14" d="M277.082,193.322s-4.606-4.041-7.719,1.17c-2.065,3.462-6.614,4.48-8.4,3.238a9.15,9.15,0,0,0,6.959,3.634C273.844,201.5,278.252,196.492,277.082,193.322Z" transform="translate(127.16 30.041)" fill="#2d9179"/>
+    <path id="Path_15" data-name="Path 15" d="M244.323,197.214s4.9,5.077,8.969-.605c2.7-3.775,8.02-4.506,9.956-2.914a10.542,10.542,0,0,0-7.638-4.836C248.824,188.135,243.282,193.465,244.323,197.214Z" transform="translate(95.843 24.369)" fill="#2d9179"/>
+    <path id="Path_16" data-name="Path 16" d="M249.784,214.267s-5.88,3.892-8.625-2.533c-1.821-4.271-6.853-6.138-9.09-5a10.543,10.543,0,0,1,8.5-3.069C247.357,204.426,251.614,210.83,249.784,214.267Z" transform="translate(73.184 52.039)" fill="#2d9179"/>
+    <path id="Path_17" data-name="Path 17" d="M296.919,222.873s-6.614,2.455-7.825-4.423c-.806-4.575-5.281-7.535-7.716-6.936a10.531,10.531,0,0,1,8.978-1.056C296.79,212.739,299.48,219.942,296.919,222.873Z" transform="translate(165.31 63.772)" fill="#2d9179"/>
+    <path id="Path_18" data-name="Path 18" d="M271.917,224.737s-4.782,5.189,1.127,8.918c3.927,2.481,4.968,7.745,3.488,9.77a10.53,10.53,0,0,0,4.386-7.905C281.245,228.7,275.6,223.481,271.917,224.737Z" transform="translate(144.22 91.176)" fill="#2d9179"/>
+    <path id="Path_19" data-name="Path 19" d="M272.637,207.09s5.972-3.755,8.562,2.736c1.718,4.314,6.7,6.3,8.966,5.215a10.54,10.54,0,0,1-8.576,2.865C274.828,216.983,270.727,210.48,272.637,207.09Z" transform="translate(148.101 56.537)" fill="#c39500"/>
+    <path id="Path_20" data-name="Path 20" d="M280.516,206.3s-6.97-1.081-6.784,5.9c.126,4.644-3.666,8.441-6.173,8.338a10.538,10.538,0,0,0,9.01-.76C282.415,216.254,283.611,208.659,280.516,206.3Z" transform="translate(139.493 56.964)" fill="#c39500"/>
+    <path id="Path_21" data-name="Path 21" d="M289.566,232.527s-5.347.47-4.85-4.822c.33-3.517-2.358-6.589-4.265-6.64a8.016,8.016,0,0,1,6.8,1.033C291.51,225.066,292.032,230.892,289.566,232.527Z" transform="translate(163.576 84.027)" fill="#2d9179"/>
+    <path id="Path_22" data-name="Path 22" d="M256.3,230.687s-3.683,6.015-8.889,1.354c-3.453-3.1-8.8-2.665-10.346-.688a10.531,10.531,0,0,1,6.408-6.376C249.942,222.8,256.508,226.8,256.3,230.687Z" transform="translate(82.525 90.823)" fill="#2d9179"/>
+    <path id="Path_23" data-name="Path 23" d="M264.3,225.137s-.723-3.938,3.244-3.938c2.633,0,4.73-2.209,4.632-3.628a5.985,5.985,0,0,1-.292,5.123C269.972,226.06,265.684,226.855,264.3,225.137Z" transform="translate(133.303 78.136)" fill="#2d9179"/>
+    <path id="Path_24" data-name="Path 24" d="M276.365,191.217s2,3.468-1.741,4.8c-2.484.878-3.72,3.663-3.152,4.968a5.98,5.98,0,0,1-1.437-4.925C270.709,192.241,274.483,190.061,276.365,191.217Z" transform="translate(143.954 28.32)" fill="#2d9179"/>
+    <path id="Path_25" data-name="Path 25" d="M281.674,196.34s1.119-3.841-2.825-4.248c-2.622-.267-4.48-2.676-4.242-4.079a5.985,5.985,0,0,0-.229,5.123C275.934,196.684,280.119,197.909,281.674,196.34Z" transform="translate(151.338 22.913)" fill="#2d9179"/>
+    <path id="Path_26" data-name="Path 26" d="M255.884,244.994s5.636-4.245.493-8.978c-3.416-3.144-3.494-8.51-1.678-10.234a10.532,10.532,0,0,0-5.731,6.99C247.423,239.418,252.035,245.571,255.884,244.994Z" transform="translate(104.185 93.479)" fill="#2d9179"/>
+    <path id="Path_27" data-name="Path 27" d="M241.181,224.536s6.2.789,6.761-5.166c.376-3.955,4.214-7.268,6.468-7.231a10.21,10.21,0,0,0-8.235.823C240.513,216.083,238.628,222.585,241.181,224.536Z" transform="translate(88.12 67.043)" fill="#2d9179"/>
+    <path id="Path_28" data-name="Path 28" d="M257.938,218.711s-2.088,3.694,1.512,5.582c2.4,1.256,3.491,4.523,2.888,5.932a6.945,6.945,0,0,0,1.6-5.4C263.434,220.463,259.826,217.6,257.938,218.711Z" transform="translate(120.391 79.821)" fill="#2d9179"/>
+    <g id="Group_27" data-name="Group 27" transform="translate(328.349 252.251)">
+      <path id="Path_29" data-name="Path 29" d="M242.849,258.545c-.106-.35-10.289-35.06,9.385-56.125l.734.688c-19.284,20.643-9.259,54.8-9.156,55.144Z" transform="translate(-240.121 -202.42)" fill="#2d9179"/>
+    </g>
+    <g id="Group_28" data-name="Group 28" transform="translate(208.848 346.528)">
+      <path id="Path_30" data-name="Path 30" d="M200.054,241.863a9.715,9.715,0,0,1,.981-3.861c.906-1.575,3.892-1.8,3.892-1.8s.086,2.8-1.305,3.97A10.149,10.149,0,0,1,200.054,241.863Z" transform="translate(-195.479 -233.577)" fill="#c39500"/>
+      <path id="Path_31" data-name="Path 31" d="M203.371,235.971s3.522,1.007,1.913,4.257c-1.07,2.163-.109,4.779,1.1,5.278a5.48,5.48,0,0,1-4.085-2.323C200.307,240.251,201.4,236.407,203.371,235.971Z" transform="translate(-193.26 -234.012)" fill="#c39500"/>
+      <path id="Path_32" data-name="Path 32" d="M208.455,236.839s-2-3.069-4.632-.574c-1.75,1.661-4.532,1.512-5.364.508a5.475,5.475,0,0,0,3.419,3.218C205.268,241.027,208.619,238.853,208.455,236.839Z" transform="translate(-198.459 -235.288)" fill="#c39500"/>
+    </g>
+    <g id="Group_29" data-name="Group 29" transform="translate(270.563 196.189)">
+      <path id="Path_33" data-name="Path 33" d="M328.218,336.825a180.8,180.8,0,0,1-38.883-11.9c-19.227-8.312-44.927-23.71-58.176-49.843s-12.345-49.786-9.259-65.04c3.344-16.536,9.732-26.744,10-27.172l1.7,1.078c-.066.1-6.485,10.381-9.747,26.578-3.006,14.918-3.867,38.074,9.1,63.646s38.226,40.7,57.132,48.885a178.475,178.475,0,0,0,38.445,11.772Z" transform="translate(-219.975 -182.875)" fill="#2d9179"/>
+    </g>
+    <g id="Group_30" data-name="Group 30" transform="translate(353.55 241.457)">
+      <path id="Path_34" data-name="Path 34" d="M312.664,277.032c-3.706-10.771-12.265-12.939-22.172-15.449-9.506-2.407-20.279-5.137-29.38-15.83-18.607-21.865-10.426-46.846-10.34-47.1l1.428.485c-.08.241-7.977,24.435,10.059,45.633,8.792,10.326,19.315,12.994,28.6,15.346,10.332,2.616,19.258,4.879,23.231,16.421Z" transform="translate(-248.907 -198.657)" fill="#2d9179"/>
+    </g>
+    <path id="Path_35" data-name="Path 35" d="M221.55,197.466a10.7,10.7,0,0,1,9.569-4.475s-4.323,2.042-5.028,8.628-5.978,7.286-5.808,4.825S221.55,197.466,221.55,197.466Z" transform="translate(51.155 32.116)" fill="#2d9179"/>
+    <path id="Path_36" data-name="Path 36" d="M228.073,206.572c-3.511-2.427-7.3-4.259-11.829-3.012,0,0,4.736.631,7.409,6.692s7,2.831,7,2.831A6.482,6.482,0,0,0,228.073,206.572Z" transform="translate(43.617 51.209)" fill="#2d9179"/>
+    <path id="Path_37" data-name="Path 37" d="M224.507,219.608c1.38-4.042,3.336-7.767,7.719-9.463,0,0-3.431,3.327-1.979,9.79s-3.941,6.439-3.941,6.439A6.479,6.479,0,0,1,224.507,219.608Z" transform="translate(58.407 64.264)" fill="#2d9179"/>
+    <path id="Path_38" data-name="Path 38" d="M236.023,221.4c-4.165-.935-8.364-1.21-12.1,1.644,0,0,4.629-1.19,9.382,3.425s7.549,0,7.549,0A6.481,6.481,0,0,0,236.023,221.4Z" transform="translate(57.966 84.084)" fill="#2d9179"/>
+    <path id="Path_39" data-name="Path 39" d="M195.191,227.656s6.764.2,7.518,5.639-4.277,12.8,1.443,15.653C204.152,248.948,190.871,247.829,195.191,227.656Z" transform="translate(2.668 96.98)" fill="#2d9179"/>
+    <path id="Path_40" data-name="Path 40" d="M226,219.6s2.409,7.082-2.926,9.97-14.91.531-15.65,7.558C207.426,237.125,206.377,217.924,226,219.6Z" transform="translate(27.124 81.729)" fill="#2d9179"/>
+    <path id="Path_41" data-name="Path 41" d="M223.806,222.766s-1.222-6.657-6.709-6.583-12,6.161-15.69.938C201.407,217.121,209.048,232.745,223.806,222.766Z" transform="translate(15.896 75.544)" fill="#2d9179"/>
+    <g id="Group_32" data-name="Group 32" transform="translate(346.218 261.656)">
+      <g id="Group_31" data-name="Group 31">
+        <path id="Path_42" data-name="Path 42" d="M254.73,214.427s5.751-2.8,5.41-6.735c-.215-2.455-2.9-2.272-4.406-1.411a2.142,2.142,0,0,1-2.352,0c-1.5-.86-4.148-1-4.363,1.454C248.678,211.668,254.73,214.427,254.73,214.427Z" transform="translate(-241.391 -205.699)" fill="#c39500"/>
+        <path id="Path_43" data-name="Path 43" d="M255.995,215.041s.45-6.382-3.129-8.054c-2.232-1.041-3.416,1.38-3.422,3.109a2.138,2.138,0,0,1-1.176,2.037c-1.5.875-2.943,3.092-.924,4.506C250.579,218.9,255.995,215.041,255.995,215.041Z" transform="translate(-246.351 -203.763)" fill="#c39500"/>
+        <path id="Path_44" data-name="Path 44" d="M256.037,212.536s-5.3-3.58-8.539-1.317c-2.019,1.411-.513,3.649.981,4.52a2.135,2.135,0,0,1,1.176,2.036c.009,1.732,1.208,4.093,3.439,3.052C256.674,219.156,256.037,212.536,256.037,212.536Z" transform="translate(-246.032 -196.786)" fill="#c39500"/>
+        <path id="Path_45" data-name="Path 45" d="M254.785,211.861s-5.751,2.8-5.41,6.735c.215,2.455,2.9,2.272,4.406,1.411a2.143,2.143,0,0,1,2.352,0c1.5.861,4.148,1,4.363-1.451C260.837,214.62,254.785,211.861,254.785,211.861Z" transform="translate(-240.727 -194.186)" fill="#c39500"/>
+        <path id="Path_46" data-name="Path 46" d="M252.552,212.476s-.45,6.385,3.129,8.054c2.232,1.044,3.416-1.38,3.422-3.109a2.139,2.139,0,0,1,1.179-2.037c1.494-.872,2.94-3.092.921-4.506C257.967,208.615,252.552,212.476,252.552,212.476Z" transform="translate(-234.799 -197.351)" fill="#c39500"/>
+        <path id="Path_47" data-name="Path 47" d="M252.443,214.981s5.3,3.58,8.539,1.317c2.019-1.411.513-3.648-.981-4.52a2.135,2.135,0,0,1-1.176-2.037c-.009-1.73-1.208-4.093-3.439-3.052C251.806,208.361,252.443,214.981,252.443,214.981Z" transform="translate(-235.051 -204.328)" fill="#c39500"/>
+      </g>
+      <path id="Path_48" data-name="Path 48" d="M267.423,216.731a9.869,9.869,0,1,1-9.87-9.87A9.867,9.867,0,0,1,267.423,216.731Z" transform="translate(-243.856 -203.528)" fill="#c39500"/>
+      <path id="Path_49" data-name="Path 49" d="M257.054,212.639a3.59,3.59,0,1,1-3.591-3.588A3.59,3.59,0,0,1,257.054,212.639Z" transform="translate(-239.766 -199.437)" fill="#fff"/>
+    </g>
+    <g id="Group_34" data-name="Group 34" transform="translate(387.761 335.371)">
+      <g id="Group_33" data-name="Group 33">
+        <path id="Path_50" data-name="Path 50" d="M269.211,240.128s5.754-2.8,5.41-6.738c-.212-2.455-2.9-2.269-4.4-1.411a2.132,2.132,0,0,1-2.352,0c-1.5-.858-4.151-1-4.363,1.454C263.162,237.369,269.211,240.128,269.211,240.128Z" transform="translate(-255.873 -231.398)" fill="#c39500"/>
+        <path id="Path_51" data-name="Path 51" d="M270.48,240.739s.45-6.382-3.129-8.051c-2.234-1.044-3.416,1.38-3.425,3.109a2.14,2.14,0,0,1-1.176,2.037c-1.494.872-2.943,3.092-.924,4.506C265.065,244.6,270.48,240.739,270.48,240.739Z" transform="translate(-260.834 -229.462)" fill="#c39500"/>
+        <path id="Path_52" data-name="Path 52" d="M270.519,238.236s-5.3-3.58-8.536-1.316c-2.019,1.411-.516,3.648.978,4.52a2.131,2.131,0,0,1,1.176,2.037c.009,1.73,1.208,4.093,3.442,3.052C271.155,244.856,270.519,238.236,270.519,238.236Z" transform="translate(-260.514 -222.485)" fill="#c39500"/>
+        <path id="Path_53" data-name="Path 53" d="M269.269,237.561s-5.754,2.8-5.41,6.735c.212,2.455,2.9,2.269,4.4,1.411a2.138,2.138,0,0,1,2.352,0c1.5.858,4.151,1,4.363-1.454C275.322,240.32,269.269,237.561,269.269,237.561Z" transform="translate(-255.209 -219.885)" fill="#c39500"/>
+        <path id="Path_54" data-name="Path 54" d="M267.035,238.176s-.45,6.382,3.129,8.054c2.234,1.041,3.416-1.38,3.425-3.109a2.143,2.143,0,0,1,1.176-2.039c1.494-.872,2.943-3.092.921-4.5C272.45,234.315,267.035,238.176,267.035,238.176Z" transform="translate(-249.283 -223.05)" fill="#c39500"/>
+        <path id="Path_55" data-name="Path 55" d="M266.927,240.682s5.3,3.58,8.539,1.317c2.019-1.414.513-3.649-.981-4.521a2.139,2.139,0,0,1-1.176-2.036c-.009-1.732-1.208-4.1-3.442-3.052C266.29,234.061,266.927,240.682,266.927,240.682Z" transform="translate(-249.533 -230.027)" fill="#c39500"/>
+      </g>
+      <path id="Path_56" data-name="Path 56" d="M281.909,242.428a9.87,9.87,0,1,1-9.87-9.867A9.872,9.872,0,0,1,281.909,242.428Z" transform="translate(-258.34 -229.227)" fill="#c39500"/>
+      <path id="Path_57" data-name="Path 57" d="M271.536,238.338a3.588,3.588,0,1,1-3.588-3.588A3.588,3.588,0,0,1,271.536,238.338Z" transform="translate(-254.248 -225.137)" fill="#fff"/>
+    </g>
+    <path id="Path_58" data-name="Path 58" d="M224.157,204.025s9.362,3.651,13.387-12.91c3.4-14,14.944-15.366,14.944-15.366S213.453,180.9,224.157,204.025Z" transform="translate(54.93)" fill="#2d9179"/>
+  </g>
+</svg>

src/components/RoomCardInfo/index.js

@@ -0,0 +1,34 @@
+import React from "react";
+
+import qrCode from "./images/qr-code.svg";
+import flower2 from "./images/flower2.svg";
+
+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>
+      ))}
+      <img src={qrCode} alt="qr-code" />
+    </div>
+  );
+};
+
+export default RoomCardInfo;
+
+RoomCardInfo.defaultProps = {
+  items: [
+    {
+      name: "کامران هوشمند",
+      subItems: [
+        {
+          enterData: "1400/11/13",
+          expireData: "1400/11/20",
+          roomNumber: "B14 سالن شهید عباسی",
+        },
+      ],
+    },
+  ],
+};