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
This commit is contained in:
@@ -289,12 +289,40 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Free Shipping Note */}
|
{/* 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"
|
{locale === "EN"
|
||||||
? "Free shipping on orders over 3,000 RSD"
|
? "Free shipping on orders over 3,000 RSD"
|
||||||
: "Besplatna dostava za porudžbine preko 3.000 RSD"}
|
: "Besplatna dostava za porudžbine preko 3.000 RSD"}
|
||||||
</p>
|
</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 */}
|
{/* Divider */}
|
||||||
<div className="border-t border-[#e5e5e5] mb-8" />
|
<div className="border-t border-[#e5e5e5] mb-8" />
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user