src/components/footer/FooterSplit.astro
---
// FooterSplit, recovered from blurr-components.pages.dev
---
<footer class="fs2"> <div class="fs2-inner"> <div class="fs2-left"> <a href="/" class="fs2-logo">BLURR</a> <p class="fs2-tagline">Data-gedreven online marketing voor bedrijven die willen groeien. Geen loze beloftes, alleen resultaten.</p> <nav class="fs2-links"> <a href="#" class="fs2-link">Diensten</a><a href="#" class="fs2-link">Cases</a><a href="#" class="fs2-link">Blog</a><a href="#" class="fs2-link">Privacy</a> </nav> </div> <div class="fs2-right"> <div class="fs2-contact-item"> <span class="fs2-contact-icon">→</span> <span class="fs2-contact-label">Amsterdam, Nederland</span> </div><div class="fs2-contact-item"> <span class="fs2-contact-icon">→</span> <a href="tel:+31201234567" class="fs2-contact-label">020 123 45 67</a> </div><div class="fs2-contact-item"> <span class="fs2-contact-icon"></span> <a href="mailto:info@blurr.nl" class="fs2-contact-label">info@blurr.nl</a> </div> <a href="#" class="fs2-cta">Plan gratis gesprek</a> </div> </div> <div class="fs2-bottom"> <div class="fs2-bottom-inner"> <p class="fs2-copy">© 2026 BLURR</p> </div> </div> </footer>
<style>
.fs2{background:#0a0a0a}
.fs2-inner{max-width:1280px;margin:0 auto;padding:3.5rem 2rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.fs2-logo{font-weight:900;font-size:1.25rem;color:#fff;text-decoration:none;letter-spacing:-.03em;display:block;margin-bottom:.875rem}
.fs2-tagline{font-size:.9375rem;color:#ffffff73;line-height:1.65;margin:0 0 1.5rem;max-width:320px}
.fs2-links{display:flex;flex-wrap:wrap;gap:1.25rem}
.fs2-link{font-size:.875rem;color:#ffffff80;text-decoration:none;transition:color .15s}
.fs2-link:hover{color:#fff}
.fs2-contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.fs2-contact-icon{font-size:1.125rem}
.fs2-contact-label{font-size:.9375rem;color:#ffffffa6;text-decoration:none}
a.fs2-contact-label:hover{color:#fff}
.fs2-cta{display:inline-flex;align-items:center;margin-top:1.25rem;padding:.75rem 1.75rem;background:var(--color-accent,#6366f1);color:#fff;font-weight:600;font-size:.9375rem;border-radius:.5rem;text-decoration:none;transition:opacity .2s}
.fs2-cta:hover{opacity:.88}
.fs2-bottom{border-top:1px solid rgba(255,255,255,.07)}
.fs2-bottom-inner{max-width:1280px;margin:0 auto;padding:1.25rem 2rem}
.fs2-copy{font-size:.8125rem;color:#ffffff40;margin:0}
.fs2-inner{grid-template-columns:1fr;gap:2.5rem}
</style>