.

components/detail/DetailInfo.js

@@ -11,8 +11,10 @@ import { useDispatch, useSelector } from "react-redux";
 import { toast } from "react-toastify";
 import { getCurrentEndUser } from "../../redux/actions/userActions.js";
 import { Loader } from "react-bootstrap-typeahead";
+import { useRouter } from "next/router.js";
 
 const DetailInfo = ({ activityById }) => {
+  const router = useRouter()
   const dispatch = useDispatch();
   useEffect(() => {
     dispatch(getCurrentEndUser());
@@ -125,8 +127,10 @@ const DetailInfo = ({ activityById }) => {
               >
                 {loading ? <Loader /> : "Enquire Now"}
               </Button>
-              <Button variant="secondary">
-                Gift Now{" "}
+              <Button onClick={() => {
+                router.push("/gift-card")
+              }} variant="secondary">
+                Gift Now
                 <span className="image-container btn-gift">
                   <Image layout="fill" className="image img-fluid" src="/images/icons/gift-card-icon.svg" />
                 </span>