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 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={productId} />
        <AddToCardRightSection productId={productId} />
      </div>
      <RelatedProductCards productId={productId} />
      {/* <RelatedVideos /> */}
    </div>
  );
};

export default page;