CtaBigQuote CTA

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

<section class="ctabq"> <div class="ctabq-inner"> <div class="ctabq-quote-wrap"> <span class="ctabq-mark">"</span> <blockquote class="ctabq-quote">Marketing without data is like driving with your eyes closed.</blockquote> <cite class="ctabq-author">- Dan Zarrella</cite> </div> <div class="ctabq-divider"></div> <div class="ctabq-bottom"> <h2 class="ctabq-headline">Klaar om data-gedreven te groeien?</h2> <div class="ctabq-btns"> <a href="#" class="ctabq-btn-primary">Plan gratis gesprek</a> <a href="#" class="ctabq-btn-secondary">Onze aanpak →</a> </div> </div> </div> </section>

<style>
.ctabq{background:#0a0a0a;padding:6rem 2rem}
.ctabq-inner{max-width:860px;margin:0 auto;text-align:center}
.ctabq-quote-wrap{position:relative;padding:2rem 0}
.ctabq-mark{position:absolute;top:-1rem;left:50%;transform:translate(-50%);font-size:8rem;color:var(--color-accent,#6366f1);opacity:.15;line-height:1;font-family:Georgia,serif;pointer-events:none}
.ctabq-quote{font-size:clamp(1.375rem,3vw,2rem);font-style:italic;color:#ffffffd9;line-height:1.55;margin:0 0 1rem;position:relative;z-index:1}
.ctabq-author{font-size:.9375rem;color:#ffffff59;font-style:normal}
.ctabq-divider{width:48px;height:2px;background:var(--color-accent,#6366f1);margin:2.5rem auto}
.ctabq-headline{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.2;margin:0 0 2rem}
.ctabq-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.ctabq-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}
.ctabq-btn-primary:hover{opacity:.88}
.ctabq-btn-secondary{padding:.875rem 2.25rem;border:1.5px solid rgba(255,255,255,.18);color:#ffffffbf;font-weight:600;font-size:.9375rem;border-radius:.5rem;text-decoration:none;transition: opacity, transform, background-color, color, border-color, box-shadow, filter .2s}
.ctabq-btn-secondary:hover{border-color:#fff6;color:#fff}
</style>