Implement a User-Friendly 404 Page with Go Back Button

[poorna825]

Description

When users navigate to a non-existent route (e.g., https://as-help.vercel.app/random), the site currently shows a generic 404 error or blank page.
To improve user experience, a custom 404 page should be implemented that clearly communicates the error and allows users to easily return.

Expected Behaviour

A dedicated custom 404 page should appear when users access a non-existent route.

The page should:

• Display a friendly message (e.g., “Oops! Page not found 😅”)

• Match the site’s current theme and branding

• Include a “Go Back” .

• Include a small illustration or icon for visual feedback

Kindly assign me this issue under Hacktoberfest 25

[kris70lesgo]

@poorna825 can u show me design before working on the issue

[poorna825]

@kris70lesgo let me know if this works

[kris70lesgo]

@poorna825 its basic btw , i would suggest to take inspiration from dribble and then design in figma rather than coding

[poorna825]

@kris70lesgo I get your point, but creating a Figma file would take me back to square one.
I’ve already coded a 404 page and can enhance it further with illustrations or Lottie animations directly in the code .

[kris70lesgo]

@kris70lesgo as u wish the figma one was easier in my pov but whatever u feel is right do in that way

[poorna825]

@kris70lesgo could you please assign this issue to me