From 4af5412c7696587a7afa4f0463fc2125629e0ead Mon Sep 17 00:00:00 2001
From: Unchained <unchained@nodecrew.me>
Date: Sat, 21 Mar 2026 19:00:31 +0200
Subject: [PATCH] feat: Add trust indicators to product page

- Add 30-day money-back guarantee, secure checkout, easy returns icons
- Reorganize product page layout with clearer trust messaging
- Update free shipping threshold messaging
---
 src/components/product/ProductDetail.tsx | 30 +++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/components/product/ProductDetail.tsx b/src/components/product/ProductDetail.tsx
index 57ac6fb..ccc4ca2 100644
--- a/src/components/product/ProductDetail.tsx
+++ b/src/components/product/ProductDetail.tsx
@@ -289,12 +289,40 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
               )}
 
               {/* Free Shipping Note */}
-              <p className="text-center text-sm text-[#666666] mb-10">
+              <p className="text-center text-sm text-[#666666] mb-6">
                 {locale === "EN" 
                   ? "Free shipping on orders over 3,000 RSD"
                   : "Besplatna dostava za porudžbine preko 3.000 RSD"}
               </p>
 
+              {/* Trust Indicators */}
+              <div className="grid grid-cols-3 gap-4 mb-8 p-4 bg-[#f8f9fa] rounded-lg">
+                <div className="text-center">
+                  <svg className="w-6 h-6 mx-auto mb-2 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
+                  </svg>
+                  <p className="text-xs text-[#666666]">
+                    {locale === "EN" ? "30-Day Guarantee" : "30-dnevna garancija"}
+                  </p>
+                </div>
+                <div className="text-center">
+                  <svg className="w-6 h-6 mx-auto mb-2 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
+                  </svg>
+                  <p className="text-xs text-[#666666]">
+                    {locale === "EN" ? "Secure Checkout" : "Sigurno plaćanje"}
+                  </p>
+                </div>
+                <div className="text-center">
+                  <svg className="w-6 h-6 mx-auto mb-2 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-8m15.357 8H15" />
+                  </svg>
+                  <p className="text-xs text-[#666666]">
+                    {locale === "EN" ? "Easy Returns" : "Lak povrat"}
+                  </p>
+                </div>
+              </div>
+
               {/* Divider */}
               <div className="border-t border-[#e5e5e5] mb-8" />