IconTechnology icon

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

<section class="itech"> <div class="itech__header"> <h2 class="itech__title">Onze technologie stack</h2> <p class="itech__subtitle">We werken met de beste tools voor het beste resultaat.</p> </div> <div class="itech__grid"> <div class="itech__item"> <span class="itech__icon" aria-hidden="true">→</span> <p class="itech__name">Astro</p> <p class="itech__category">Framework</p> </div><div class="itech__item"> <span class="itech__icon" aria-hidden="true">→</span> <p class="itech__name">Vite</p> <p class="itech__category">Build</p> </div><div class="itech__item"> <span class="itech__icon" aria-hidden="true"></span> <p class="itech__name">Cloudflare</p> <p class="itech__category">Hosting</p> </div><div class="itech__item"> <span class="itech__icon" aria-hidden="true">→</span> <p class="itech__name">Google Ads</p> <p class="itech__category">Ads</p> </div><div class="itech__item"> <span class="itech__icon" aria-hidden="true"></span> <p class="itech__name">Meta Ads</p> <p class="itech__category">Ads</p> </div><div class="itech__item"> <span class="itech__icon" aria-hidden="true">→</span> <p class="itech__name">GA4</p> <p class="itech__category">Analytics</p> </div><div class="itech__item"> <span class="itech__icon" aria-hidden="true"></span> <p class="itech__name">Search Console</p> <p class="itech__category">SEO</p> </div><div class="itech__item"> <span class="itech__icon" aria-hidden="true"></span> <p class="itech__name">Strapi</p> <p class="itech__category">CMS</p> </div> </div> </section>

<style>
.itech{padding:3rem 0}
.itech__header{text-align:center;margin-bottom:2.5rem}
.itech__title{font-size:2rem;font-weight:700;color:var(--color-primary, #0a0a0a);margin:0 0 .5rem}
.itech__subtitle{font-size:1rem;color:#777;margin:0}
.itech__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.itech__item{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:#fff;border:1px solid #eee;border-radius:10px;text-align:center;gap:.35rem;transition:border-color .2s,transform .2s}
.itech__item:hover{border-color:#6366f14d;transform:translateY(-2px)}
.itech__icon{font-size:1.75rem}
.itech__name{font-size:.85rem;font-weight:700;color:var(--color-primary, #0a0a0a);margin:0}
.itech__category{font-size:.7rem;color:#aaa;margin:0;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.itech__grid{grid-template-columns:repeat(3,1fr)}
.itech__grid{grid-template-columns:repeat(2,1fr)}
</style>