.

components/home/LetDiscover.js

@@ -13,6 +13,7 @@ import "swiper/css/pagination";
 import "swiper/css/navigation";
 import { cleanImage } from "../../services/imageHandling.js";
 import { useRouter } from "next/router.js";
+import Link from "next/link.js";
 const LetDiscover = ({ categories }) => {
   const router = useRouter();
   return (
@@ -32,14 +33,16 @@ const LetDiscover = ({ categories }) => {
                   </div>
                 </motion.div>
                 <div className="view-all-btn">
+                  <Link href={"/listing"} >
                   <Button
-                    onClick={() => {
-                      router.push("/listing");
-                    }}
+                    // onClick={() => {
+                    //   router.push("/listing");
+                    // }}
                     variant="primary"
                   >
                     View All
                   </Button>
+                  </Link>
                 </div>
               </div>
             </div>