add footer

src/components/Footer/Footer.jsx

@@ -1,10 +1,14 @@
+import { Box, Container, Text, useColorMode } from '@chakra-ui/react'
 import React from 'react'
 
 const Footer = () => {
+  const { colorMode } = useColorMode();
   return (
-    <div>
-      
-    </div>
+    <Box textAlign={"center"} bg={colorMode === "light" ? "#230A79" : "#232127"} p={4}>
+      <Container maxW="6xl">
+        <Text fontWeight={500} fontSize={"15px"} color={colorMode === "light" ? "#fff" : "#B09AFF"}>All timestamps are shown in UTC+00:00</Text>
+      </Container>
+    </Box>
   )
 }
 

src/components/FullScreenLoaader/FullScreenLoaader.jsx

@@ -1,9 +1,13 @@
-import { Box, Spinner, Text, useColorMode } from "@chakra-ui/react";
+import { Box, Spinner, Text, useColorMode ,useBreakpointValue} from "@chakra-ui/react";
 import React from "react";
 import bannerImage from "../../assets/images/bannerImg.png";
+import Lottie from "lottie-react";
+import rubixAnimation from "../../assets/images/rubixLoader.json";
 
 const FullScreenLoaader = ({half}) => {
   const { colorMode } = useColorMode();
+  const width = useBreakpointValue({ base: "65%", md: "25%" });
+
   return (
     <Box
       backgroundImage={colorMode  !== "light" ? !half&& `url(${bannerImage})` : "none"}
@@ -16,12 +20,18 @@ const FullScreenLoaader = ({half}) => {
       justifyContent={"center"}
       alignItems={"center"}
     >
-      <Spinner
+      {/* <Spinner
         thickness="2px"
         speed="0.65s"
         emptyColor={colorMode === "light" ? "#fff" : "#000"}
         color="purple.700"
         size="lg"
+      /> */}
+       <Lottie
+        animationData={rubixAnimation}
+        loop={true} // Add any additional Lottie configurations here
+        // style={{ width: colorMode === "light" ? "25%" : "25%" }}
+        style={{ width }}
       />
     </Box>
   );

src/components/LatestTransactions/LatestTransactions.jsx

@@ -228,9 +228,6 @@ const LatestTransactions = () => {
               amount,
               transactionType,
               subNetworkId,
-
-
-
               executor,
               deployer,
               creator,

src/pages/SplashScreen.jsx

@@ -1,11 +1,12 @@
 import React from "react";
 import { OPACITY_ON_LOAD } from "../Layout/animations";
-import { Box, useColorMode } from "@chakra-ui/react";
+import { Box, useColorMode ,useBreakpointValue} from "@chakra-ui/react";
 import Lottie from "lottie-react";
 import rubixAnimation from "../assets/images/rubixLoader.json"; // Replace with your JSON animation path
 
 const SplashScreen = () => {
   const { colorMode } = useColorMode();
+  const width = useBreakpointValue({ base: "65%", md: "25%" });
 
   return (
     <Box
@@ -20,7 +21,8 @@ const SplashScreen = () => {
       <Lottie
         animationData={rubixAnimation}
         loop={true} // Add any additional Lottie configurations here
-        style={{ width: colorMode === "light" ? "25%" : "25%" }}
+        // style={{ width: colorMode === "light" ? "25%" : "25%" }}
+        style={{ width }}
       />
     </Box>
   );