src/components/ui/PressMentions.astro
---
// PressMentions, recovered from blurr-components.pages.dev
---
<section class="pm pm--white"> <div class="pm-inner"> <p class="pm-eyebrow">In de pers</p> <div class="pm-grid"> <div class="pm-item"> <blockquote class="pm-quote">"BLURR laat zien dat data-gedreven marketing niet ingewikkeld hoeft te zijn."</blockquote> <div class="pm-source"> <span class="pm-publication">Emerce</span> </div> </div><div class="pm-item"> <blockquote class="pm-quote">"Een van de meest transparante bureaus in Nederland als het gaat om resultaatrapportage."</blockquote> <div class="pm-source"> <span class="pm-publication">Frankwatching</span> </div> </div><div class="pm-item"> <blockquote class="pm-quote">"BLURR bewijst keer op keer dat slim inzetten van Google Ads loont."</blockquote> <div class="pm-source"> <span class="pm-publication">MarketingFacts</span> </div> </div> </div> </div> </section>
<style>
.pm{padding:5rem 2rem}
.pm--white{background:#fff;border-top:1px solid #e5e7eb}
.pm--light{background:#f8fafc;border-top:1px solid #e5e7eb}
.pm--dark{background:#0a0a0a}
.pm-inner{max-width:1100px;margin:0 auto}
.pm-eyebrow{text-align:center;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 2.5rem}
.pm--white .pm-eyebrow,.pm--light .pm-eyebrow{color:#9ca3af}
.pm--dark .pm-eyebrow{color:#ffffff4d}
.pm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
.pm-item{padding:2rem;border-radius:.875rem;display:flex;flex-direction:column;gap:1.25rem}
.pm--white .pm-item{background:#f8fafc;border:1px solid #e5e7eb}
.pm--light .pm-item{background:#fff;border:1px solid #e5e7eb}
.pm--dark .pm-item{background:#ffffff08;border:1px solid rgba(255,255,255,.07)}
.pm-quote{font-size:1rem;line-height:1.65;font-style:italic;margin:0;flex:1}
.pm--white .pm-quote,.pm--light .pm-quote{color:#374151}
.pm--dark .pm-quote{color:#ffffffa6}
.pm-logo{height:20px;opacity:.4;filter:grayscale(1)}
.pm-publication{font-size:.875rem;font-weight:700;letter-spacing:.04em}
.pm--white .pm-publication,.pm--light .pm-publication{color:#9ca3af}
.pm--dark .pm-publication{color:#ffffff4d}
</style>