ContentTestimonial Sections

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

<section class="ctes-wrap"> <h2 class="ctes-heading">Wat onze klanten zeggen</h2> <div class="ctes-grid ctes-grid--grid"> <blockquote class="ctes-card"> <div class="ctes-stars" aria-label="5 sterren">  </div> <p class="ctes-quote">"BLURR heeft onze online omzet in 5 maanden verdubbeld."</p> <footer class="ctes-footer"> <div class="ctes-avatar-placeholder">M</div> <div> <cite class="ctes-name">Miriam van den Berg</cite> <span class="ctes-meta"> Marketing Director, Dutchstore.nl </span> </div> </footer> </blockquote><blockquote class="ctes-card"> <div class="ctes-stars" aria-label="5 sterren">  </div> <p class="ctes-quote">"Eindelijk een bureau dat begrijpt wat B2B marketing inhoudt."</p> <footer class="ctes-footer"> <div class="ctes-avatar-placeholder">T</div> <div> <cite class="ctes-name">Thomas Kooij</cite> <span class="ctes-meta"> CEO, Infra Solutions BV </span> </div> </footer> </blockquote> </div> </section>

<style>
.ctes-wrap{padding:3rem 0}
.ctes-heading{font-size:2rem;font-weight:800;color:var(--color-primary, #0a0a0a);margin:0 0 2rem}
.ctes-grid--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.ctes-grid--single{max-width:640px}
.ctes-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:1.75rem;margin:0;transition:box-shadow .2s}
.ctes-card:hover{box-shadow:0 8px 30px #00000012}
.ctes-stars{font-size:1rem;color:#f59e0b;letter-spacing:.05em;margin-bottom:.75rem}
.ctes-quote{font-size:.975rem;line-height:1.7;color: #e8e8e8;margin:0 0 1.5rem;font-style:italic}
.ctes-footer{display:flex;align-items:center;gap:.875rem}
.ctes-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.ctes-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--color-accent, #6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}
.ctes-name{display:block;font-size:.9rem;font-weight:700;color:var(--color-primary, #0a0a0a);font-style:normal}
.ctes-meta{font-size:.8rem;color:#888}
</style>