Uses Link for linking to homepage

legacycoderocks · Apr 28, 2023 · 4fae94b · 4fae94b
1 parent 1199e52
commit 4fae94b
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/pages/404.jsx b/src/pages/404.jsx
@@ -1,3 +1,5 @@
+import Link from 'next/link'
+
 export default function ErrorPage() {
   return (
     <>
@@ -7,12 +9,12 @@ export default function ErrorPage() {
           <h1 className="mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">Page not found</h1>
           <p className="mt-6 text-base leading-7 text-gray-600">Sorry, we couldn’t find the page you’re looking for.</p>
           <div className="mt-10 flex items-center justify-center gap-x-6">
-            <a
+            <Link
               href="/"
               className="rounded-md bg-brand-red-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-brand-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-red-600"
             >
               Go back home
-            </a>
+            </Link>
           </div>
         </div>
       </main>