diff --git a/src/assets/images/Close.js b/src/assets/images/Close.js
new file mode 100644
index 0000000..a358a44
--- /dev/null
+++ b/src/assets/images/Close.js
@@ -0,0 +1,9 @@
+const Close = () => (
+
+);
+
+export default Close;
+
diff --git a/src/assets/images/UploadIcon.js b/src/assets/images/UploadIcon.js
new file mode 100644
index 0000000..2d27998
--- /dev/null
+++ b/src/assets/images/UploadIcon.js
@@ -0,0 +1,7 @@
+const UploadIcon = () => (
+
+
+);
+export default UploadIcon;
diff --git a/src/assets/images/placeholder.png b/src/assets/images/placeholder.png
new file mode 100644
index 0000000..922a866
Binary files /dev/null and b/src/assets/images/placeholder.png differ
diff --git a/src/components/ImageUpload/Index.js b/src/components/ImageUpload/Index.js
new file mode 100644
index 0000000..4c3148d
--- /dev/null
+++ b/src/components/ImageUpload/Index.js
@@ -0,0 +1,95 @@
+import MDBox from 'components/MDBox';
+import UploadIcon from 'assets/images/UploadIcon';
+import MDTypography from 'components/MDTypography';
+import pxToRem from 'assets/theme-dark/functions/pxToRem';
+import Placeholder from 'assets/images/placeholder.png';
+import { Button } from '@mui/material';
+import Close from 'assets/images/Close';
+
+
+function ImageUpload () {
+ const PreviewImg = [1,2,3,4,5,6,7,8,9,10,11];
+ return(
+ <>
+
+
+
+
+
+
+ Upload Product images
+
+
+
+ {/* -----------img-preview----------- */}
+
+ {PreviewImg.map((item)=>{
+ return(
+
+ 
+
+
+ );
+ })}
+
+
+
+ );
+}
+
+export default ImageUpload;