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

export default page;