From 2f47496b90becb92d8852155b6bf6451084f2f9d Mon Sep 17 00:00:00 2001
From: Prince_Afdob <67679810+Prince-Afdob@users.noreply.github.com>
Date: Sat, 12 Nov 2022 08:28:55 +0530
Subject: [PATCH] Error 404 Custom

Custom 404 error page
---
 components/navbar.js | 22 ++++++++--------------
 pages/404.js         |  7 +++++--
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/components/navbar.js b/components/navbar.js
index 0fd68a2..ad6f394 100644
--- 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
index 0933467..4dd10d2 100644
--- 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">