src/components/footer/FooterBrand.astro
---
// FooterBrand, recovered from blurr-components.pages.dev
---
<footer class="fbrand" style="background:#6366f1"> <div class="fbrand-inner"> <a href="/" class="fbrand-logo">BLURR</a> <p class="fbrand-slogan">Groei die je kunt bewijzen.</p> <nav class="fbrand-links"> <a href="#" class="fbrand-link">Diensten</a><a href="#" class="fbrand-link">Cases</a><a href="#" class="fbrand-link">Contact</a> </nav> <p class="fbrand-copy">© 2026 BLURR</p> </div> </footer>
<style>
.fbrand-inner{max-width:900px;margin:0 auto;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}
.fbrand-logo{font-weight:900;font-size:1.5rem;color:#fff;text-decoration:none;letter-spacing:-.04em}
.fbrand-slogan{font-size:clamp(1.25rem,3vw,2rem);font-weight:700;color:#ffffffe6;line-height:1.3;letter-spacing:-.02em;margin:0}
.fbrand-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}
.fbrand-link{font-size:.875rem;font-weight:500;color:#ffffffa6;text-decoration:none;transition:color .15s}
.fbrand-link:hover{color:#fff}
.fbrand-copy{font-size:.8125rem;color:#fff6;margin:0}
</style>