Rewrite 404 UI

Author: officialrajdeepsingh

packages/section-blog-theme/components/Layouts/404.tsx

@@ -4,35 +4,24 @@ import Link from "next/link";
 export function Error404() {
   return (
     <>
-      <NextSeo
-        title="404 Error"
-        description="Something went wrong, sorry, we couldn't find this page."
-        noindex={true}
-      />
-      <section className="nx-flex nx-items-center nx-h-full nx-p-16">
-        <div className="nx-container nx-flex nx-flex-col nx-items-center nx-justify-center nx-px-5 nx-mx-auto nx-my-8">
-          <div className="nx-max-w-md nx-text-center">
-            <h2 className="nx-mb-8 nx-font-extrabold nx-text-9xl ">
-              <span className="nx-sr-only">Error</span>404
-            </h2>
+      <NextSeo title="404 Error" description="Something went wrong, sorry, we couldn't find this page." noindex={true} />
+      <section className="nx-flex nx-items-center nx-h-full nx-p-16 nx-container nx-text-center  nx-flex-col nx-justify-center nx-px-5 nx-mx-auto nx-my-8">
+        <h2 className="nx-mb-8 nx-font-extrabold nx-text-9xl ">
+          <span className="nx-sr-only">Error</span>404
+        </h2>
 
-            <p className="nx-text-2xl nx-font-semibold md:nx-text-3xl">
-              Sorry, we couldn't find this page.
-            </p>
+        <p className="nx-text-1xl nx-font-semibold md:nx-text-3xl">
+          Sorry, we couldn't find this page.
+        </p>
 
-            <p className="nx-mt-4 nx-mb-8 ">
-              But dont worry, you can find plenty of other things on our
-              homepage.
-            </p>
+        <p className="nx-text-md md:nx-text-xl nx-mt-4 nx-mb-8 ">
+          But dont worry, you can find plenty of other things on our
+          homepage.
+        </p>
 
-            <Link
-              href="/"
-              className="nx-px-8 nx-py-3 nx-font-semibold nx-rounded dark:nx-bg-violet-400 dark:nx-text-gray-900"
-            >
-              Back to homepage
-            </Link>
-          </div>
-        </div>
+        <Link href="/" className="nx-px-8 nx-py-3 nx-font-semibold nx-rounded nx-bg-secondary nx-text-secondary-foreground">
+          Back to homepage
+        </Link>
       </section>
     </>
   );