From 7b2a2b5f94fdaac1f60c519e1c2c11443b12887c Mon Sep 17 00:00:00 2001
From: Rohanpawer9921 <rohanpawar3307@gmail.com>
Date: Fri, 18 Jul 2025 11:07:18 +0530
Subject: [PATCH] fix: resolve unresponsive Go Back Home  button on 404 page in
 production

---
 src/app/not-found.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index adeef0f6a..992d32568 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import Link from 'next/link';
-import { Button } from '../components/ui/button';
 
 const NotFound = () => {
   return (
@@ -12,9 +11,14 @@ const NotFound = () => {
         <p className="mb-8 text-lg text-muted-foreground md:text-xl">
           Oops! The page you're looking for doesn't exist.
         </p>
-        <Button asChild size="lg">
-          <Link href="/">Go Back Home</Link>
-        </Button>
+        
+        {/* Simplified approach to avoid hydration issues */}
+        <Link 
+          href="/"
+          className="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground dark:text-neutral-950 hover:bg-primary/90 h-11 rounded-md px-8"
+        >
+          Go Back Home
+        </Link>
       </main>
     </div>
   );