Error 404 Custom

Custom 404 error page
Prince-Afdob · Nov 12, 2022 · 2f47496 · 2f47496
1 parent 3845732
commit 2f47496
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 16 deletions.
diff --git a/components/navbar.js b/components/navbar.js
@@ -70,15 +70,15 @@ const Navbar = props => {
  flexGrow={1}
  mt={{ base: 4, md: 0 }}
  >
- <LinkItem href="#" path={path}>
+ <LinkItem href="skills.js" path={path}>
  Skills
  </LinkItem>
- <LinkItem href="#" path={path}>
+ <LinkItem href="exp.js" path={path}>
  Experience
  </LinkItem>
  <LinkItem
  target="_blank"
- href="#"
+ href="work.js"
  path={path}
  display="inline-flex"
  alignItems="center"
@@ -102,21 +102,15 @@ const Navbar = props => {
  aria-label="Options"
  />
  <MenuList>
- <NextLink href="/" passHref>
- <MenuItem as={Link}>About</MenuItem>
- </NextLink>
- <NextLink href="#" passHref>
+ <NextLink href="skills.js" passHref>
  <MenuItem as={Link}>Skills</MenuItem>
  </NextLink>
- <NextLink href="#" passHref>
+ <NextLink href="exp.js" passHref>
  <MenuItem as={Link}>Experience</MenuItem>
  </NextLink>
- <MenuItem
- //as={Link}
- //href="https://github.com/craftzdog/craftzdog-homepage"
- >
- Resume
- </MenuItem>
+ <NextLink href="work.js" passHref>
+ <MenuItem as={Link}>Resume</MenuItem>
+ </NextLink>
  </MenuList>
  </Menu>
  </Box>

diff --git a/pages/404.js b/pages/404.js
@@ -5,13 +5,16 @@ import {
  Text,
  Container,
  Divider,
- Button
+ Button,
+ Spacer
 } from '@chakra-ui/react'
 
 const NotFound = () => {
  return (
  <Container>
- <Heading as="h1">Not found</Heading>
+ <Spacer/>
+ <Spacer></Spacer>
+ <Heading as="h1" mt={70}>Not found</Heading>
  <Text>The page you&apos;re looking for was not found.</Text>
  <Divider my={6} />
  <Box my={6} align="center">