product path

src/component/product/ProductFactory.jsx

@@ -1,10 +1,16 @@
 import React from "react";
 import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
-import getImage from "../../utils/getImage";
+// import getImage from "../../utils/getImage";
 import ProductStart from "./ProductStart";
-
+import { useLocation } from 'react-router-dom';
 
 export default function ProductFactory(){
+    const location = useLocation();
+    const pathname = location.pathname;
+
+    // Split the pathname by '/' and get the last element
+    const lastPart = pathname.split('/').pop();
+    console.log(lastPart)
 
     return(
         <>

src/component/product/ProductStart.jsx

@@ -19,7 +19,7 @@ export default function ProductStart(){
                     <div className="card card-statistics mb-30">
                         {/*<img className="card-img-top" src={getImage('widget/01.jpg')} alt="Card image cap" />*/}
                         <div className="card-body">
-                            <h4 className="card-title">Information</h4>
+                            <h4 className="card-title">Subscription</h4>
                             <p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
                         </div>
                         <ul className="list-group list-group-flush">
@@ -31,7 +31,7 @@ export default function ProductStart(){
                             <a href="javascript:void(0)" className="card-link">Card link</a>
                             <a href="javascript:void(0)" className="card-link">Another link</a>
                         </div>
-                        <div>
+                        <div  className="subscribe-box">
                             <a href="javascript:void(0)" className="btn btn-primary mt-2">Start Product</a>
                         </div>
                     </div>