src/components/cta/CtaIconRow.astro
---
// CtaIconRow, recovered from blurr-components.pages.dev
---
<section class="ctair"> <div class="ctair-inner"> <h2 class="ctair-headline">Vertrouwd door 120+ Nederlandse bedrijven</h2> <p class="ctair-sub">Van start-up tot scale-up: wij leveren meetbare resultaten voor elk type bedrijf.</p> <div class="ctair-icons"> <div class="ctair-icon-item"> <span class="ctair-icon">→</span> <span class="ctair-icon-label">Resultaatgericht</span> </div><div class="ctair-icon-item"> <span class="ctair-icon">→</span> <span class="ctair-icon-label">Volledig transparant</span> </div><div class="ctair-icon-item"> <span class="ctair-icon">→</span> <span class="ctair-icon-label">Snel schaalbaar</span> </div><div class="ctair-icon-item"> <span class="ctair-icon"></span> <span class="ctair-icon-label">Persoonlijk contact</span> </div> </div> <div class="ctair-btns"> <a href="#" class="ctair-btn-primary">Start vandaag</a> <a href="#" class="ctair-btn-secondary">Meer over ons</a> </div> </div> </section>
<style>
.ctair{background:#fff;padding:5rem 2rem;border-top:1px solid #e5e7eb}
.ctair-inner{max-width:800px;margin:0 auto;text-align:center}
.ctair-headline{font-size:clamp(1.875rem,4vw,3rem);font-weight:900;color:#0a0a0a;letter-spacing:-.04em;line-height:1.15;margin:0 0 1rem}
.ctair-sub{font-size:1.125rem;color:#6b7280;line-height:1.65;margin:0 0 2.5rem}
.ctair-icons{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin-bottom:2.5rem;padding:2rem;background:#f8fafc;border-radius:1rem;border:1px solid #e5e7eb}
.ctair-icon-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.ctair-icon{font-size:1.75rem}
.ctair-icon-label{font-size:.8125rem;color:#6b7280;font-weight:500}
.ctair-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.ctair-btn-primary{padding:.875rem 2.25rem;background:var(--color-accent,#6366f1);color:#fff;font-weight:700;font-size:.9375rem;border-radius:.5rem;text-decoration:none;transition:opacity .2s}
.ctair-btn-primary:hover{opacity:.88}
.ctair-btn-secondary{padding:.875rem 2.25rem;border:1.5px solid #d1d5db;color:#374151;font-weight:600;font-size:.9375rem;border-radius:.5rem;text-decoration:none;transition:border-color .2s}
.ctair-btn-secondary:hover{border-color:#9ca3af}
</style>