add 404 page

Author: jderochervlk

app/routes.mjs

@@ -47,7 +47,8 @@ let $$default = Belt_Array.concatMany([
     })
   ],
   stdlibRoutes,
-  Server.routes("./routes/MdxRoute.mjs")
+  Server.routes("./routes/MdxRoute.mjs"),
+  [Routes.route("*", "./routes/NotFoundRoute.mjs")]
 ]);
 
 export {

app/routes.res

@@ -27,4 +27,5 @@ let default = [
   route("docs/manual/api/dom", "./routes/ApiRoute.mjs", ~options={id: "api-dom"}),
   ...stdlibRoutes,
   ...mdxRoutes("./routes/MdxRoute.mjs"),
+  route("*", "./routes/NotFoundRoute.mjs"),
 ]

app/routes/NotFoundRoute.res

@@ -0,0 +1,11 @@
+@react.component
+let default = () => {
+  <div className="pt-36 text-center flex flex-col gap-6 text-gray-80 w-fit mx-auto">
+    <h1 className="hl-title"> {React.string("404")} </h1>
+    <h2 className="text-32"> {React.string("Page Not Found")} </h2>
+    <p> {React.string("Oops! The page you're looking for doesn't exist.")} </p>
+    <a href="/" className=" text-fire no-underline hover:underline">
+      {React.string("Return home")}
+    </a>
+  </div>
+}