IconDark icon

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

<section class="idark-section"> <h2 class="idark-headline">Onze expertises</h2> <div class="idark-grid"> <div class="idark-card"> <span class="idark-icon"></span> <h3 class="idark-title">SEO &amp; Zoekmachine</h3> <p class="idark-desc">Technische SEO, contentstrategie en linkbuilding voor duurzame groei.</p> </div><div class="idark-card"> <span class="idark-icon">→</span> <h3 class="idark-title">Paid Media</h3> <p class="idark-desc">Google Ads, Meta en LinkedIn campagnes met maximale ROAS.</p> </div><div class="idark-card"> <span class="idark-icon">→</span> <h3 class="idark-title">Creative &amp; Design</h3> <p class="idark-desc">Visuele identiteit en content die jouw merk onmiskenbaar maakt.</p> </div><div class="idark-card"> <span class="idark-icon">→</span> <h3 class="idark-title">Data &amp; Rapportage</h3> <p class="idark-desc">Dashboards en inzichten die je helpen betere beslissingen te nemen.</p> </div><div class="idark-card"> <span class="idark-icon"></span> <h3 class="idark-title">Conversie-optimalisatie</h3> <p class="idark-desc">Van bezoeker naar klant, elke stap in de funnel geoptimaliseerd.</p> </div><div class="idark-card"> <span class="idark-icon">→</span> <h3 class="idark-title">Marketing Automation</h3> <p class="idark-desc">Geautomatiseerde flows die leads kwalificeren en nurturen.</p> </div> </div> </section>

<style>
.idark-section{--color-accent: #6366f1;background:#0a0a0a;padding:64px 24px;font-family:system-ui,sans-serif}
.idark-headline{text-align:center;font-size:2rem;font-weight:800;color:#fff;margin:0 0 48px;letter-spacing:-.02em}
.idark-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.idark-grid{grid-template-columns:1fr 1fr}
.idark-grid{grid-template-columns:1fr}
.idark-card{background:#161616;border:1px solid #2a2a2a;border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .2s}
.idark-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}
.idark-icon{font-size:1.8rem}
.idark-title{margin:0;font-size:1rem;font-weight:700;color:#f9fafb}
.idark-desc{margin:0;font-size:.875rem;line-height:1.6;color:#9ca3af}
</style>