Files
rubix/src/pages/NotFound.jsx
2024-04-11 19:33:00 +05:30

32 lines
663 B
JavaScript

import { Box, Heading } from "@chakra-ui/react";
import { Link } from "react-router-dom";
const NotFound = () => {
return (
<Box
backgroundColor={"#101015"}
height={"100vh"}
display={"grid"}
placeContent={"center"}
textAlign={"center"}
>
<Heading
as="h2"
color={"#FFF"}
fontFamily={"Mona Sans"}
fontSize={"42px"}
fontWeight={"500"}
lineHeight={"150%"}
marginBottom={"2rem"}
>
Page not Found!
</Heading>
<Link to="/" style={{ color: "#DE858E" }}>
Click to return Home
</Link>
</Box>
);
};
export default NotFound;