src/components/social-proof/LogosBanner.astro
---
// LogosBanner, recovered from blurr-components.pages.dev
---
<section class="lb" style="background: #0a0a0a"> <div class="lb-inner"> <p class="lb-eyebrow">Onder vertrouwde merken</p> <div class="lb-logos"> <div class="lb-logo"> <span class="lb-name">TechFlow</span> </div><div class="lb-logo"> <span class="lb-name">GreenBuild</span> </div><div class="lb-logo"> <span class="lb-name">RetailX</span> </div><div class="lb-logo"> <span class="lb-name">FlexHR</span> </div><div class="lb-logo"> <span class="lb-name">VDB Installatietechniek</span> </div><div class="lb-logo"> <span class="lb-name">DataDriven</span> </div><div class="lb-logo"> <span class="lb-name">EduPlus</span> </div><div class="lb-logo"> <span class="lb-name">FinServ Netherlands</span> </div> </div> </div> </section>
<style>
.lb{padding:3.5rem 2rem}
.lb-inner{max-width:1100px;margin:0 auto;text-align:center}
.lb-eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;margin:0 0 2rem}
.lb-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 3rem}
.lb-img{height:26px;width:auto;opacity:.35;filter:grayscale(1) brightness(5)}
.lb-name{font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:#fff3}
</style>