src/components/footer/FooterCentered.astro
---
// FooterCentered, recovered from blurr-components.pages.dev
---
<footer class="fcen"> <div class="fcen-inner"> <a href="/" class="fcen-logo">BLURR</a> <p class="fcen-tagline">Online marketing bureau voor ambitieuze merken.</p> <nav class="fcen-links"> <a href="#" class="fcen-link">Diensten</a><a href="#" class="fcen-link">Cases</a><a href="#" class="fcen-link">Blog</a><a href="#" class="fcen-link">Contact</a><a href="#" class="fcen-link">Privacy</a> </nav> <div class="fcen-socials"> <a href="#" class="fcen-social" aria-label="LinkedIn"></a><a href="#" class="fcen-social" aria-label="Instagram"></a> </div> <p class="fcen-copy">© 2026 BLURR. Alle rechten voorbehouden.</p> </div> </footer>
<style>
.fcen{background:#f8fafc;border-top:1px solid #e5e7eb;padding:3rem 2rem}
.fcen-inner{max-width:640px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}
.fcen-logo{font-weight:900;font-size:1.25rem;color:#0a0a0a;text-decoration:none;letter-spacing:-.03em}
.fcen-tagline{font-size:.9375rem;color:#6b7280;line-height:1.6;margin:0}
.fcen-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}
.fcen-link{font-size:.875rem;color:#6b7280;text-decoration:none;transition:color .15s}
.fcen-link:hover{color:#0a0a0a}
.fcen-socials{display:flex;gap:.75rem}
.fcen-social{font-size:1.125rem;color:#9ca3af;text-decoration:none;transition:color .2s}
.fcen-social:hover{color:var(--color-accent,#6366f1)}
.fcen-copy{font-size:.8125rem;color:#9ca3af;margin:0}
</style>