initial commit

src/components/nearle_components/LoaderWithImage.js

@@ -0,0 +1,34 @@
+// LoaderWithImage.jsx
+import React from 'react';
+import { Box, CircularProgress } from '@mui/material';
+import nelogo from '../../assets/images/logo-sm.png';
+
+export default function LoaderWithImage({ size = 70, imgSize = 40, alt = 'loader' }) {
+  return (
+    <Box position="relative" display="inline-flex" justifyContent="center" alignItems="center">
+      <CircularProgress size={size} />
+
+      <Box
+        position="absolute"
+        display="flex"
+        justifyContent="center"
+        alignItems="center"
+        sx={{
+          width: imgSize,
+          height: imgSize
+        }}
+      >
+        <img
+          src={nelogo}
+          alt={alt}
+          style={{
+            width: '100%',
+            height: '100%',
+            borderRadius: '50%',
+            objectFit: 'contain'
+          }}
+        />
+      </Box>
+    </Box>
+  );
+}