chore: setup project for production

app/products/[name]/page.jsx

@@ -0,0 +1,22 @@
+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;