I'll create a custom 404 error page similar to the one shown in the screenshot. This will be a clean, minimalist error page that you can use in your Next.js application.

This code creates a custom 404 error page that closely resembles the one in the screenshot. Here's what I've implemented:

1. A not-found.tsx file that Next.js will automatically use for 404 errors

2. A clean, centered layout with:

   • A file icon from Lucide React
   • The main error message "This page can't be found"
   • The secondary message "It may have been moved or deleted"
   • The HTTP error code at the bottom

The design is minimalist and responsive, matching the style of the original error page. You can customize the colors, fonts, and spacing to better match your application's design system if needed.

To use this in your Next.js application, simply add these files to your project. The not-found.tsx file will be automatically used when a page is not found.

I notice that the link you provided is showing a 404 error page, so I can't see the actual "TradeRoom - Online Trading Courses" template to duplicate it. However, based on the name in the URL, I can create a trading courses website template for you.

Let me build a modern online trading courses website with Next.js that includes key features you'd expect in such a platform: