21 lines
677 B
JavaScript
21 lines
677 B
JavaScript
import React from "react";
|
|
import { OPACITY_ON_LOAD } from "../Layout/animations";
|
|
import { Box, Image, useColorMode } from "@chakra-ui/react";
|
|
import logo from "../assets/images/rubix.png";
|
|
import logoLight from "../assets/images/rubixlogo.svg";
|
|
|
|
const SplashScreen = () => {
|
|
const { colorMode } = useColorMode();
|
|
|
|
return <Box zIndex={1000} bg={'#000'} h={'100vh'} display={'flex'} justifyContent={'center'} alignItems={'center'} {...OPACITY_ON_LOAD}>
|
|
|
|
<Image
|
|
src={colorMode === "light" ? logoLight : logo}
|
|
// width={"120px"}
|
|
width={{base:"95px",md : "120px"}}
|
|
/>
|
|
</Box>;
|
|
};
|
|
|
|
export default SplashScreen;
|