b45f4369c0
* Use standalone modal * Set project id * chore(deps): update deps * chore(w3m-standalone): use web3modal standalone with auth-client * fix(deps): update web3modal to v2.2.2 * fix(typescript): revert to 4.9.5 * chore(remove-deps): remove unused dependencies and global declaration --------- Co-authored-by: Cali93 <armut.cumaali@gmail.com>
42 lines
1006 B
TypeScript
42 lines
1006 B
TypeScript
import { Box, Heading, Text, Flex, Button } from "@chakra-ui/react";
|
|
import Link from "next/link";
|
|
|
|
const Page404 = () => {
|
|
return (
|
|
<Flex minHeight="100vh" direction="column" justifyContent="center">
|
|
<Box marginY={4}>
|
|
<Heading textAlign="center" size="lg">
|
|
Page not Found.
|
|
</Heading>
|
|
|
|
<Flex
|
|
flexDirection="column"
|
|
justifyContent="center"
|
|
textAlign="center"
|
|
marginTop={4}
|
|
gap={2}
|
|
>
|
|
<Text fontSize="sm" color="gray">
|
|
It's Okay!
|
|
</Text>
|
|
<Link href="/">
|
|
<Button
|
|
padding={2}
|
|
backgroundColor="#3396FF"
|
|
rounded="xl"
|
|
_hover={{
|
|
border: "solid 1px #3396FF",
|
|
backgroundColor: "black",
|
|
}}
|
|
>
|
|
Let's Head Back
|
|
</Button>
|
|
</Link>
|
|
</Flex>
|
|
</Box>
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export default Page404;
|