src/components/icon/IconLarge.astro
---
// IconLarge, recovered from blurr-components.pages.dev
---
<section class="ilg-section"> <h2 class="ilg-headline">Bewezen resultaten</h2> <div class="ilg-grid"> <div class="ilg-item"> <span class="ilg-icon">→</span> <strong class="ilg-title">+340%</strong> <span class="ilg-sub">gemiddelde omzetgroei</span> </div><div class="ilg-item"> <span class="ilg-icon">→</span> <strong class="ilg-title">94%</strong> <span class="ilg-sub">klanttevredenheidsscore</span> </div><div class="ilg-item"> <span class="ilg-icon">→</span> <strong class="ilg-title">2 weken</strong> <span class="ilg-sub">van briefing tot live</span> </div><div class="ilg-item"> <span class="ilg-icon">→</span> <strong class="ilg-title">120+</strong> <span class="ilg-sub">succesvolle projecten</span> </div> </div> </section>
<style>
.ilg-section{--color-accent: #6366f1;--color-primary: #0a0a0a;padding:56px 24px;font-family:system-ui,sans-serif;text-align:center}
.ilg-headline{margin:0 0 48px;font-size:2rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}
.ilg-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;max-width:800px;margin:0 auto}
.ilg-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 160px}
.ilg-icon{font-size:3rem;line-height:1;animation:ilg-pulse 3s ease-in-out infinite}
.ilg-title{font-size:2rem;font-weight:900;color:var(--color-accent);letter-spacing:-.02em}
.ilg-sub{font-size:.85rem;color:#6b7280;font-weight:500}
</style>