[docs]:404-error-page-for-docs-website.

src/theme/NotFound/Content/index.js

@@ -1,13 +1,22 @@
 import {useEffect} from "react";
+import useBaseUrl from "@docusaurus/useBaseUrl";
 
 export default function NotFound() {
+  const homeUrl = useBaseUrl("/");
+
   useEffect(() => {
     if (typeof window !== "undefined") {
-      // immediate redirect without adding to browser history
-      window.location.replace("/docs");
+      window.location.replace(homeUrl);
     }
-  }, []);
+  }, [homeUrl]);
 
-  // render nothing (no content shown)
-  return null;
+  return (
+    <div className="flex h-screen flex-col items-center justify-center">
+      <h1 className="mb-4 text-6xl font-extrabold md:text-8xl">
+        <span className="bg-gradient-to-r from-orange-400 via-orange-500 to-red-500 bg-clip-text text-transparent">
+          404
+        </span>
+      </h1>
+    </div>
+  );
 }