Feature: Create a Custom 404 Error Page

[armannhansda]

The Issue

Our Next.js frontend currently uses the default, unstyled 404 page when a user navigates to a route that doesn't exist. We want to replace this with a custom 404 page that matches our dark, glassmorphic aesthetic.

The Solution

Create a new file at client/src/app/not-found.tsx to handle 404 errors.

The page should:

1. Display a friendly "Page Not Found" message.
2. Have a button or link that routes the user back to the home page (/).
3. Be styled using TailwindCSS to match the rest of the application (e.g., using bg-black/95, text-white, and Lucide React icons).

Where to look

• Read the Next.js App Router documentation for not-found.js/tsx: Next.js Docs

---

If you want to tackle this issue, comment below and I will assign it to you!