Country name, 404

frontend/pages/404.js

@@ -1,3 +1,14 @@
+import { Alert, AlertDescription, AlertTitle } from '@chakra-ui/react'
+import { TbMoodSad } from 'react-icons/tb'
+
 export default function Custom404() {
-  return <h1>404 - Page Not Found</h1>
+  return (
+    <Alert status="info" flexDirection="column" justifyContent="center" rounded="md" paddingY="10">
+      <TbMoodSad style={{ width: '2rem', height: '2rem' }} />
+      <AlertTitle mt={4} mb={1} fontSize="lg">
+        404: Page Not Found
+      </AlertTitle>
+      <AlertDescription maxWidth="sm">Try going back or something&hellip;</AlertDescription>
+    </Alert>
+  )
 }