IconCards icon

---
// IconCards, recovered from blurr-components.pages.dev
---

<div class="ic-grid" style="--cols: 3"> <div class="ic-card"> <div class="ic-icon-wrap"> <span class="ic-icon">→</span> </div> <h3 class="ic-title">SEO &amp; Content</h3> <p class="ic-desc">Organisch gevonden worden door de juiste mensen op het juiste moment.</p> </div><div class="ic-card"> <div class="ic-icon-wrap"> <span class="ic-icon">→</span> </div> <h3 class="ic-title">Betaalde Advertenties</h3> <p class="ic-desc">Google Ads en Meta campagnes die direct resultaat leveren.</p> </div><div class="ic-card"> <div class="ic-icon-wrap"> <span class="ic-icon">→</span> </div> <h3 class="ic-title">Webdesign</h3> <p class="ic-desc">Websites die converteren, mooi én functioneel gebouwd.</p> </div><div class="ic-card"> <div class="ic-icon-wrap"> <span class="ic-icon"></span> </div> <h3 class="ic-title">E-mail Marketing</h3> <p class="ic-desc">Geautomatiseerde flows die leads omzetten in klanten.</p> </div><div class="ic-card"> <div class="ic-icon-wrap"> <span class="ic-icon">→</span> </div> <h3 class="ic-title">Social Media</h3> <p class="ic-desc">Consistente aanwezigheid die vertrouwen en engagement opbouwt.</p> </div><div class="ic-card"> <div class="ic-icon-wrap"> <span class="ic-icon"></span> </div> <h3 class="ic-title">Analytics</h3> <p class="ic-desc">Inzicht in wat werkt, zodat je budget nooit verspild wordt.</p> </div> </div>

<style>
.ic-grid{--color-accent: #6366f1;--color-primary: #0a0a0a;--cols: 3;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:20px;font-family:system-ui,sans-serif;padding:24px}
.ic-grid{grid-template-columns:1fr 1fr}
.ic-grid{grid-template-columns:1fr}
.ic-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s;cursor:default}
.ic-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6366f11f}
.ic-icon-wrap{width:52px;height:52px;border-radius:12px;background:#f0f0ff;display:flex;align-items:center;justify-content:center}
.ic-icon{font-size:1.6rem}
.ic-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-primary)}
.ic-desc{margin:0;font-size:.9rem;line-height:1.6;color:#6b7280}
</style>