Subscribe and payment starter

src/component/subscription/Subscription.jsx

@@ -4,9 +4,11 @@ import getImage from "../../utils/getImage";
 import { getSubscriptions } from '../../services/services';
 import { useQuery } from '@tanstack/react-query';
 import queryKeys from '../../services/queryKeys';
+import siteLinks from "../../links/siteLinks";
+import { Link, useNavigate } from 'react-router-dom'
 
 export default function Subscription() {
-
+    const navigate = useNavigate()
     const pricingFields ={
         starter: { name: 'Starter', price:  5.99, active: true },
         basic:   { name: 'Basic',   price: 12.99, active: true },
@@ -71,7 +73,7 @@ export default function Subscription() {
                                             ))}
                                         </ul>
                                     <div className="pt-2">
-                                        <button className="btn btn-inverse-secondary btn-round btn-sm">Go {value.display_name}</button>
+                                        <button  onClick={()=>{navigate(siteLinks.subscribe)}} className="btn btn-inverse-secondary btn-round btn-sm">Go {value.display_name}</button>
                                     </div>
                                 </div>
                             </div>
@@ -85,4 +87,4 @@ export default function Subscription() {
         }
         </>
     )
-}
+}