src/components/footer/FooterWave.astro
---
// FooterWave, recovered from blurr-components.pages.dev
---
<footer class="fwav" style="--bg:#0a0a0a;--wc:#ffffff"> <div class="fwav-wave" aria-hidden="true"> <svg viewBox="0 0 1440 80" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0,40 C360,80 1080,0 1440,40 L1440,80 L0,80 Z" fill="#0a0a0a"></path> </svg> </div> <div class="fwav-body"> <div class="fwav-inner"> <a href="/" class="fwav-logo">BLURR</a> <p class="fwav-tagline">Data-gedreven online marketing.</p> <nav class="fwav-links"> <a href="#" class="fwav-link">Diensten</a><a href="#" class="fwav-link">Cases</a><a href="#" class="fwav-link">Blog</a><a href="#" class="fwav-link">Contact</a> </nav> <p class="fwav-copy">© 2026 BLURR</p> </div> </div> </footer>
<style>
.fwav-wave{display:block;line-height:0;background:var(--wc)}
.fwav-wave svg{width:100%;height:60px;display:block}
.fwav-body{background:var(--bg)}
.fwav-inner{max-width:1280px;margin:0 auto;padding:1.5rem 2rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}
.fwav-logo{font-weight:900;font-size:1.25rem;color:#fff;text-decoration:none;letter-spacing:-.03em}
.fwav-tagline{font-size:.9375rem;color:#ffffff80;margin:0}
.fwav-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}
.fwav-link{font-size:.875rem;color:#ffffff8c;text-decoration:none;transition:color .15s}
.fwav-link:hover{color:#fff}
.fwav-copy{font-size:.8125rem;color:#ffffff4d;margin:0}
</style>