category , subcategory, product url changes

app/products/[name]/page.jsx

@@ -1,22 +1,24 @@
 import AddToCardLeftSection from "@/components/products/AddToCardLeftSection";
 import AddToCardRightSection from "@/components/products/AddToCardRightSection";
 import RelatedProductCards from "@/components/products/RelatedProductCards";
-import RelatedVideos from "@/components/products/RelatedVideos";
+// import RelatedVideos from "@/components/products/RelatedVideos";
 import React from "react";
 
 const page = ({ params }) => {
   
+  const slug = params.name; 
+  const productId = slug.split("-").pop(); 
+
   return (
     <div className="min-h-screen bg-white">
-     
       <div className="flex gap-3 min-h-screen sm:flex-row flex-col">
-        <AddToCardLeftSection productId={params.name} />
-        <AddToCardRightSection productId={params.name}/>
+        <AddToCardLeftSection productId={productId} />
+        <AddToCardRightSection productId={productId} />
       </div>
-      <RelatedProductCards productId={params.name}/>
+      <RelatedProductCards productId={productId} />
       {/* <RelatedVideos /> */}
     </div>
   );
 };
 
-export default page;
+export default page;