FooterContact Footer

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

<footer class="fc"> <div class="fc-inner"> <div class="fc-brand"> <div class="fc-logo">BLURR</div> <p class="fc-tagline">Data-gedreven online marketing voor ambitieuze bedrijven in Nederland.</p> <nav class="fc-links"> <a href="#" class="fc-link">Diensten</a><a href="#" class="fc-link">Cases</a><a href="#" class="fc-link">Blog</a><a href="#" class="fc-link">Privacy</a> </nav> </div> <div class="fc-contact"> <h3 class="fc-contact-title">Contact</h3> <p class="fc-contact-item"><span>→</span>Herengracht 450, 1017 CA Amsterdam</p> <p class="fc-contact-item"><a href="tel:+31201234567" class="fc-contact-link"><span>→</span>+31 20 123 45 67</a></p> <p class="fc-contact-item"><a href="mailto:info@blurr.nl" class="fc-contact-link"><span></span>info@blurr.nl</a></p> <p class="fc-contact-item"><span>→</span>Ma–Vr: 09:00–18:00</p> </div>  </div> <div class="fc-bottom"> <span class="fc-copy">© 2026</span> </div> </footer>

<style>
.fc{background:#0a0a0a}
.fc-inner{max-width:1100px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem}
.fc-logo{font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:-.04em;margin-bottom:.875rem}
.fc-tagline{font-size:.9375rem;color:#ffffff73;line-height:1.6;margin:0 0 1.5rem;max-width:280px}
.fc-links{display:flex;flex-direction:column;gap:.5rem}
.fc-link{font-size:.875rem;color:#ffffff73;text-decoration:none;transition:color .15s}
.fc-link:hover{color:#fff}
.fc-contact-title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff40;margin:0 0 1.25rem}
.fc-contact-item{display:flex;align-items:flex-start;gap:.625rem;font-size:.9375rem;color:#ffffff8c;margin:0 0 .75rem}
.fc-contact-link{color:#ffffff8c;text-decoration:none;transition:color .15s}
.fc-contact-link:hover{color:#fff}
.fc-map-frame{width:100%;height:180px;border-radius:.5rem;opacity:.7}
.fc-bottom{border-top:1px solid rgba(255,255,255,.06);padding:1.25rem 2rem;text-align:center}
.fc-copy{font-size:.8125rem;color:#fff3}
.fc-inner{grid-template-columns:1fr;gap:2.5rem}
</style>