FooterGradient Footer

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

<footer class="fg2" style="--grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)"> <div class="fg2-inner"> <div class="fg2-brand"> <a href="/" class="fg2-logo">BLURR</a> <p class="fg2-tagline">Online marketing die echt werkt.</p>  </div> <div class="fg2-col"> <h4 class="fg2-col-title">Diensten</h4> <ul class="fg2-col-links"> <li><a href="#" class="fg2-col-link">Google Ads</a></li><li><a href="#" class="fg2-col-link">Meta Ads</a></li><li><a href="#" class="fg2-col-link">SEO</a></li> </ul> </div><div class="fg2-col"> <h4 class="fg2-col-title">Bedrijf</h4> <ul class="fg2-col-links"> <li><a href="#" class="fg2-col-link">Over ons</a></li><li><a href="#" class="fg2-col-link">Cases</a></li><li><a href="#" class="fg2-col-link">Contact</a></li> </ul> </div> </div> <div class="fg2-bottom"> <div class="fg2-bottom-inner"> <p class="fg2-copy">© 2026 BLURR</p> </div> </div> </footer>

<style>
.fg2{background:var(--grad)}
.fg2-inner{max-width:1280px;margin:0 auto;padding:3.5rem 2rem 2.5rem;display:grid;grid-template-columns:1fr repeat(auto-fit,minmax(130px,1fr));gap:3rem}
.fg2-logo{font-weight:900;font-size:1.25rem;color:#fff;text-decoration:none;letter-spacing:-.03em;display:block;margin-bottom:.875rem}
.fg2-tagline{font-size:.9375rem;color:#ffffffb3;line-height:1.6;margin:0 0 1.5rem}
.fg2-links{display:flex;flex-wrap:wrap;gap:1rem}
.fg2-link{font-size:.875rem;color:#ffffffa6;text-decoration:none;transition:color .15s}
.fg2-link:hover{color:#fff}
.fg2-col-title{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin:0 0 1rem}
.fg2-col-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}
.fg2-col-link{font-size:.875rem;color:#ffffffa6;text-decoration:none;transition:color .15s}
.fg2-col-link:hover{color:#fff}
.fg2-bottom{border-top:1px solid rgba(255,255,255,.15)}
.fg2-bottom-inner{max-width:1280px;margin:0 auto;padding:1.25rem 2rem}
.fg2-copy{font-size:.8125rem;color:#ffffff80;margin:0}
.fg2-inner{grid-template-columns:1fr}
</style>