Update about us, for business pages, and for-people components

This commit is contained in:
R-Bharathraj
2026-07-16 17:32:43 +05:30
parent b627126713
commit 88ca87e3cc
20 changed files with 572 additions and 168 deletions

View File

@@ -0,0 +1,46 @@
<!doctype html>
<html>
<head><meta charset="utf-8"><title>icon check</title>
<style>
body { margin:0; padding:24px; background:#fff; font-family: system-ui, sans-serif; }
.grid { display:grid; grid-template-columns: repeat(6, 1fr); gap:18px; }
.cell { display:flex; flex-direction:column; align-items:center; gap:8px; }
.badge { display:flex; align-items:center; justify-content:center; width:76px; height:76px; border-radius:20px; background:#fff8e8; color:#bc7122; }
.name { font-size:12px; color:#444; }
svg { display:block; }
</style>
</head>
<body>
<div class="grid" id="g"></div>
<script>
const P = {
walk: '<circle cx="13.2" cy="4.2" r="1.9"/><path d="M10.3 21.5l1.9-5.4-2.4-2.2V9.6l3.4-1.7 2.1 3.1 2.9 1.3"/><path d="M8.4 12.4l1.4-2.5"/><path d="M14.7 15.9l1.9 5.6"/>',
compass: '<circle cx="12" cy="12" r="9"/><path d="M15.6 8.4l-2.1 5.1-5.1 2.1 2.1-5.1z"/>',
users: '<path d="M16 20.5v-1.9a3.6 3.6 0 00-3.6-3.6H6.6A3.6 3.6 0 003 18.6v1.9"/><circle cx="9.5" cy="7.4" r="3.4"/><path d="M21 20.5v-1.9a3.6 3.6 0 00-2.7-3.5"/><path d="M15.6 4.2a3.6 3.6 0 010 6.9"/>',
store: '<path d="M4 10.4V20a1 1 0 001 1h14a1 1 0 001-1v-9.6"/><path d="M2.6 9.6l1.6-5.1a1 1 0 01.95-.7h13.7a1 1 0 01.95.7l1.6 5.1"/><path d="M2.6 9.6a2.35 2.35 0 004.7 0 2.35 2.35 0 004.7 0 2.35 2.35 0 004.7 0 2.35 2.35 0 004.7 0"/><path d="M9.7 21v-5.3h4.6V21"/>',
tag: '<path d="M20.6 13.4l-7.2 7.2a1.6 1.6 0 01-2.3 0l-7.2-7.2a1.6 1.6 0 01-.47-1.13V4.6A1.6 1.6 0 015 3h7.67c.42 0 .83.17 1.13.47l6.8 6.8a1.6 1.6 0 010 2.26z"/><circle cx="8.1" cy="8.1" r="1.5"/>',
sparkles: '<path d="M11.4 3.2l1.85 4.45 4.45 1.85-4.45 1.85-1.85 4.45-1.85-4.45L5.1 9.5l4.45-1.85z"/><path d="M18.4 14.9l.85 2.05 2.05.85-2.05.85-.85 2.05-.85-2.05-2.05-.85 2.05-.85z"/>',
bolt: '<path d="M13.4 2.5L4.6 13.9h6.1L10.6 21.5l8.8-11.4h-6.1z"/>',
gamepad: '<path d="M7.6 8.6h8.8a5 5 0 014.92 4.11l.72 3.95a2.55 2.55 0 01-4.63 1.87l-1.13-1.62a2 2 0 00-1.64-.86H9.36a2 2 0 00-1.64.86l-1.13 1.62a2.55 2.55 0 01-4.63-1.87l.72-3.95A5 5 0 017.6 8.6z"/><path d="M7.9 11.7v3.1M6.35 13.25h3.1"/><path d="M15.7 12.6h.01M17.9 14.8h.01"/>',
bag: '<path d="M5.4 7.6h13.2l.95 12.4a1 1 0 01-1 1.08H5.45a1 1 0 01-1-1.08z"/><path d="M8.6 10.2V6.6a3.4 3.4 0 016.8 0v3.6"/>',
gift: '<path d="M19.6 12.2v8.3a.5.5 0 01-.5.5H4.9a.5.5 0 01-.5-.5v-8.3"/><rect x="2.8" y="7.6" width="18.4" height="4.6" rx="1"/><path d="M12 7.6v13.4"/><path d="M12 7.6H7.9a2.35 2.35 0 110-4.7C11 2.9 12 7.6 12 7.6z"/><path d="M12 7.6h4.1a2.35 2.35 0 100-4.7C13 2.9 12 7.6 12 7.6z"/>',
star: '<path d="M12 2.9l2.9 5.85 6.45.95-4.67 4.55 1.1 6.42L12 17.64l-5.78 3.03 1.1-6.42L2.65 9.7l6.45-.95z"/>',
pin: '<path d="M20 10.4c0 5.5-8 12.1-8 12.1s-8-6.6-8-12.1a8 8 0 1116 0z"/><circle cx="12" cy="10.2" r="2.8"/>',
camera: '<path d="M3 8.4h3.3l1.4-2.3a1 1 0 01.86-.5h6.88a1 1 0 01.86.5l1.4 2.3H21a1 1 0 011 1v9.1a1 1 0 01-1 1H3a1 1 0 01-1-1V9.4a1 1 0 011-1z"/><circle cx="12" cy="13.9" r="3.5"/>',
wheel: '<circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="2.3"/><path d="M12 3v6.7M12 14.3V21M3 12h6.7M14.3 12H21"/><path d="M5.64 5.64l4.74 4.74M13.62 13.62l4.74 4.74M18.36 5.64l-4.74 4.74M10.38 13.62l-4.74 4.74"/>',
ticket: '<path d="M3 9.1V6.6a1 1 0 011-1h16a1 1 0 011 1v2.5a2.6 2.6 0 000 5.2v2.5a1 1 0 01-1 1H4a1 1 0 01-1-1v-2.5a2.6 2.6 0 000-5.2z"/><path d="M9.6 5.9v12.4" stroke-dasharray="2 2.4"/>',
trophy: '<path d="M7.1 4.4h9.8v5.2a4.9 4.9 0 01-9.8 0z"/><path d="M7.1 6.1H4.9a2.3 2.3 0 000 4.6h2.5"/><path d="M16.9 6.1h2.2a2.3 2.3 0 010 4.6h-2.5"/><path d="M12 14.5v3.2"/><path d="M8.2 21h7.6"/><path d="M9.6 17.7h4.8a1.4 1.4 0 011.4 1.4V21H8.2v-1.9a1.4 1.4 0 011.4-1.4z"/>',
map: '<path d="M9.4 4.4L3.4 6.8v12.7l6-2.4 5.2 2.4 6-2.4V4.4l-6 2.4z"/><path d="M9.4 4.4v12.7M14.6 6.8v12.7"/>',
coffee: '<path d="M17.1 8.6h1.8a3 3 0 010 6h-1.8"/><path d="M3.1 8.6h14v5.5a5 5 0 01-5 5H8.1a5 5 0 01-5-5z"/><path d="M6.6 2.6v2.9M10.1 2.6v2.9M13.6 2.6v2.9"/>',
sneaker: '<path d="M2.6 18.4v-5.6a.8.8 0 01.8-.8h3.2l3.5-2.7 1.7 1.9 4 2.4 5.5 1.85a2 2 0 011.4 1.9v1.04a.9.9 0 01-.9.9H3.5a.9.9 0 01-.9-.9z"/><path d="M10.1 12.5l-1.7 1.6M12.5 13.8l-1.7 1.6M15.1 15.1l-1.7 1.6"/>',
ban: '<circle cx="12" cy="12" r="9"/><path d="M5.64 5.64l12.72 12.72"/>',
check: '<circle cx="12" cy="12" r="9"/><path d="M7.9 12.2l2.8 2.8 5.4-5.4"/>',
flame: '<path d="M12 22c3.87 0 7-2.98 7-6.66 0-4.55-4.35-6.86-5.56-11.14-2 1.4-3.1 3.4-3.1 5.4 0 1.6-1.3 2.2-2.2 1.2a2.9 2.9 0 01-.68-1.78C6.02 10.2 5 12.6 5 15.34 5 19.02 8.13 22 12 22z"/>',
rocket: '<path d="M4.6 16.6c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/>',
};
document.getElementById('g').innerHTML = Object.entries(P).map(([k,v]) =>
`<div class="cell"><span class="badge"><svg viewBox="0 0 24 24" width="44" height="44" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">${v}</svg></span><span class="name">${k}</span></div>`
).join('');
</script>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB