What feature?

Description:
Currently, the website does not have a 404 Not Found page, and navigating to non-existent routes results in an unhandled or default error message. This issue aims to create and integrate a custom 404 Not Found page to enhance user experience by providing appropriate feedback for invalid routes.

Tasks:
Design a 404 Not Found page with the following features:

1. A user-friendly message indicating the page isn't available.
2. A button or link redirects the user to the homepage or other relevant pages.
3. Optional: Include visual elements like illustrations or animations for better UX.
4. Implement the page in the current project setup (React/Vite/other frameworks in use).

Configure the routing logic to render the 404 Not Found page for undefined routes.

Add screenshots

Something similar

Code of Conduct

• I agree to follow this project's Code of Conduct