# quixzoom.com Emoji Fix — Patch Instructions # ============================================ # Replace all emojis with Lucide SVG icons # Target: s3://quixzoom-landing-prod/index.html # # EMOJIS FOUND ON LIVE SITE (from screenshot): # 🔒 GDPR Compliant → # 💳 Stripe Connect Verified → # 🆔 Identity Verified → # 📋 DAC7 Reporting → ## Step 1: Add Lucide Icon Sprite to
Add this SVG sprite before closing : ```html ``` ## Step 2: Add CSS for Icons ```css .trust-icon { display: inline-flex; align-items: center; gap: 6px; font-size: 0.85rem; color: #334466; } .trust-icon svg { width: 18px; height: 18px; flex-shrink: 0; } .trust-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: #f0f4fa; border-radius: 8px; font-size: 0.85rem; color: #001E50; font-weight: 500; } .trust-badge svg { width: 20px; height: 20px; color: #C8763A; } ``` ## Step 3: Replace Emoji HTML ### BEFORE (current): ```html 🔒 GDPR Compliant 💳 Stripe Connect Verified 🆔 Identity Verified 📋 DAC7 Reporting ``` ### AFTER (fixed): ```html GDPR Compliant Stripe Connect Verified Identity Verified DAC7 Reporting ``` ## Step 4: Deploy ```bash aws s3 cp index.html s3://quixzoom-landing-prod/index.html aws cloudfront create-invalidation --distribution-id YOUR_ID --paths "/*" ``` ## Verification - [ ] No emojis visible on quixzoom.com - [ ] Icons render consistently across devices - [ ] Colors match LandveX brand (#001E50, #C8763A) - [ ] Mobile: icons scale correctly