Blogs api/ Community Banner api/ New api integration

src/components/Loader/Loader.jsx

@@ -0,0 +1,24 @@
+import { Box, Spinner } from "@chakra-ui/react";
+
+const Loader = () => {
+  return (
+    <>
+      <Box
+        height={"100vh"}
+        background={"#101015"}
+        display={"grid"}
+        placeContent={"center"}
+      >
+        <Spinner
+          thickness="4px"
+          speed="0.65s"
+          emptyColor="gray.200"
+          color="#DE858E"
+          size="xl"
+        />
+      </Box>
+    </>
+  );
+};
+
+export default Loader;