removed some unnecessary ui elements

features/products/components/ProductInfoCard.tsx

@@ -47,31 +47,8 @@ export function ProductInfoCard({
             </>
           )}
 
-          {stock !== undefined && (
-            <>
-              <div className="flex justify-between items-center py-2">
-                <span className="text-gray-500">{t("stock")}</span>
-                <span
-                  className={`font-medium ${
-                    stock === 0
-                      ? "text-red-500"
-                      : stock <= 5
-                      ? "text-orange-600"
-                      : "text-green-600"
-                  }`}
-                >
-                  {stock === 0
-                    ? t("out_of_stock")
-                    : stock <= 5
-                    ? `${t("only_left", { count: stock })}`
-                    : stock}
-                </span>
-              </div>
-              <Separator />
-            </>
-          )}
 
-          {barcode && (
+          {/* {barcode && (
             <>
               <div className="flex justify-between items-center py-2">
                 <span className="text-gray-500">{t("barcode")}</span>
@@ -79,7 +56,7 @@ export function ProductInfoCard({
               </div>
               <Separator />
             </>
-          )}
+          )} */}
 
           {colour && (
             <>

features/products/components/ProductPageContent.tsx

@@ -39,10 +39,6 @@ interface PendingUpdate {
   retryCount: number;
 }
 
-// const DEBUG = true
-// const log = (...args: any[]) => {
-//   if (DEBUG) console.log("[ProductPage]", ...args)
-// }
 
 export default function ProductPageContent({ slug }: ProductDetailProps) {
   const [localQuantity, setLocalQuantity] = useState(1);
@@ -524,14 +520,14 @@ export default function ProductPageContent({ slug }: ProductDetailProps) {
           />
         </div>
 
-        <ProductReviewsSection
+        {/* <ProductReviewsSection
           reviews={reviews}
           averageRating={averageRating}
           isLoading={false}
           onWriteReview={() => setShowReviewModal(true)}
         />
 
-        <RelatedProductsSection products={transformedRelatedProducts} />
+        <RelatedProductsSection products={transformedRelatedProducts} /> */}
       </div>
 
       <StockLimitModal

features/products/components/ProductPurchaseCard.tsx

@@ -2,7 +2,6 @@ import Link from "next/link";
 import { Minus, Plus, Heart, ShoppingCart, Store } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
-import { Avatar, AvatarFallback } from "@/components/ui/avatar";
 
 interface ProductPurchaseCardProps {
   price: string;
@@ -163,28 +162,7 @@ export function ProductPurchaseCard({
         </div>
       </Card>
 
-      {channelName && (
-        <Card className="p-6 rounded-xl">
-          <div className="flex items-center gap-4 mb-4">
-            <Avatar className="w-14 h-14 bg-primary/10">
-              <AvatarFallback className="bg-transparent">
-                <Store className="h-6 w-6 text-primary" />
-              </AvatarFallback>
-            </Avatar>
-            <div>
-              <p className="text-sm text-gray-500">{t("store")}</p>
-              <h4 className="text-lg font-bold">{channelName}</h4>
-            </div>
-          </div>
-          <Button
-            variant="outline"
-            size="lg"
-            className="w-full cursor-pointer rounded-lg"
-          >
-            {t("write_to_store")}
-          </Button>
-        </Card>
-      )}
+      
     </div>
   );
 }