diff --git a/src/components/ItemLister.js b/src/components/ItemLister.js
index 11dc83e..eb7abec 100644
--- a/src/components/ItemLister.js
+++ b/src/components/ItemLister.js
@@ -605,7 +605,7 @@ const ItemLister = ({
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/addnew.png")}
+                    imageUrl={getImageUrl("uploads/assets/addnew.png")}
                   />
                   {/* {typeImage != null && !previewUrl.includes(typeImage) && (
                 <ItemType
@@ -622,70 +622,70 @@ const ItemLister = ({
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/beverage4.jpg")}
+                    imageUrl={getImageUrl("uploads/assets/beverage4.jpg")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/beverage1.png")}
+                    imageUrl={getImageUrl("uploads/assets/beverage1.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/beverage2.png")}
+                    imageUrl={getImageUrl("uploads/assets/beverage2.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/beverage3.png")}
+                    imageUrl={getImageUrl("uploads/assets/beverage3.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/snack5.jpg")}
+                    imageUrl={getImageUrl("uploads/assets/snack5.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/dessert1.png")}
+                    imageUrl={getImageUrl("uploads/assets/dessert1.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/dessert2.jpg")}
+                    imageUrl={getImageUrl("uploads/assets/dessert2.jpg")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/food4.jpg")}
+                    imageUrl={getImageUrl("uploads/assets/food4.jpg")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/food1.png")}
+                    imageUrl={getImageUrl("uploads/assets/food1.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/food2.jpg")}
+                    imageUrl={getImageUrl("uploads/assets/food2.jpg")}
                   />
 
                   <ItemType
@@ -693,49 +693,49 @@ const ItemLister = ({
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/food3.png")}
+                    imageUrl={getImageUrl("uploads/assets/food3.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/packet1.png")}
+                    imageUrl={getImageUrl("uploads/assets/packet1.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/packet2.png")}
+                    imageUrl={getImageUrl("uploads/assets/packet2.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/snack1.png")}
+                    imageUrl={getImageUrl("uploads/assets/snack1.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/snack2.png")}
+                    imageUrl={getImageUrl("uploads/assets/snack2.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/snack3.png")}
+                    imageUrl={getImageUrl("uploads/assets/snack3.png")}
                   />
                   <ItemType
                     rectangular={true}
                     onClick={(previewUrl, selectedImage) =>
                       handleImageChange(previewUrl, selectedImage)
                     }
-                    imageUrl={getImageUrl("uploads/snack4.png")}
+                    imageUrl={getImageUrl("uploads/assets/snack4.png")}
                   />
                   {Array.from({ length: 16 }, (_, index) => {
                     const sampleNumber = index + 1; // To get numbers from 1 to 16
diff --git a/src/components/ItemTypeLister.js b/src/components/ItemTypeLister.js
index 7f62cc1..702c01d 100644
--- a/src/components/ItemTypeLister.js
+++ b/src/components/ItemTypeLister.js
@@ -105,7 +105,7 @@ const ItemTypeLister = ({
             <ItemType
               onClick={toggleAddNewItem}
               name={"buat baru"}
-              imageUrl={getImageUrl("uploads/addnew.png")}
+              imageUrl={getImageUrl("uploads/assets/addnew.png")}
             />
           )}
         {user &&(