Add trust & transparency badges to your product pages
<!-- Certico Premium Badge -->
<a href="https://certico.io/p/YOUR_PASSPORT_ID" target="_blank" style="
display:inline-flex;align-items:center;gap:10px;padding:10px 16px;
background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;
border-radius:10px;text-decoration:none;font-family:system-ui,sans-serif;
box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.3s">
<div style="width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);
border-radius:8px;display:flex;align-items:center;justify-content:center">
<svg width="20" height="20" viewBox="0 0 36 36" fill="none">
<path d="M22 17l-5 5-2.5-2.5" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/>
</svg>
</div>
<div style="display:flex;flex-direction:column;gap:1px">
<span style="font-size:11px;color:#64748b">Digital Passport</span>
<span style="font-size:14px;font-weight:600;color:#1e293b">Certico Verified ✓</span>
</div>
</a><!-- Certico EU Badge -->
<a href="https://certico.io/p/YOUR_PASSPORT_ID" target="_blank" style="
display:inline-flex;align-items:center;gap:12px;padding:12px 18px;
background:linear-gradient(135deg,#1e3a5f,#0f2744);border-radius:12px;
text-decoration:none;font-family:system-ui,sans-serif;
box-shadow:0 4px 16px rgba(15,39,68,0.4)">
<div style="width:32px;height:24px;background:#003399;border-radius:4px;
display:flex;align-items:center;justify-content:center;color:#ffcc00;font-size:10px">
★★★
</div>
<div style="display:flex;flex-direction:column;gap:2px">
<span style="font-size:10px;color:#94a3b8;text-transform:uppercase">ESPR Compliant</span>
<span style="font-size:14px;font-weight:600;color:#fff">EU Digital Passport</span>
</div>
</a><!-- Certico Eco Badge -->
<a href="https://certico.io/p/YOUR_PASSPORT_ID" target="_blank" style="
display:inline-flex;align-items:center;gap:10px;padding:10px 16px;
background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;
border-radius:10px;text-decoration:none;font-family:system-ui,sans-serif">
<div style="width:32px;height:32px;background:linear-gradient(135deg,#10b981,#059669);
border-radius:50%;display:flex;align-items:center;justify-content:center">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none">
<path d="M12 3c-1.5 2-3 4-3 7 0 3 2 5 3 5s3-2 3-5c0-3-1.5-5-3-7z" fill="#fff"/>
<path d="M12 22v-7" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
</svg>
</div>
<div style="display:flex;flex-direction:column;gap:1px">
<span style="font-size:10px;color:#059669;font-weight:600">SUSTAINABILITY SCORE</span>
<span style="font-size:13px;font-weight:600;color:#065f46">View Environmental Impact</span>
</div>
</a><!-- Certico Compact Badge -->
<a href="https://certico.io/p/YOUR_PASSPORT_ID" target="_blank" style="
display:inline-flex;align-items:center;gap:6px;padding:6px 12px;
background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50px;
text-decoration:none;font-family:system-ui,sans-serif;
box-shadow:0 2px 8px rgba(59,130,246,0.3)">
<svg width="14" height="14" viewBox="0 0 36 36" fill="none">
<path d="M22 17l-5 5-2.5-2.5" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/>
</svg>
<span style="font-size:11px;font-weight:600;color:#fff">DPP Verified</span>
</a>