Drop-in HTML + JS cookie consent banner with localStorage-backed consent storage.
<div id="cookie-banner" style="display:none;position:fixed;bottom:0;left:0;right:0;padding:16px;background:#0f172a;color:#fff;z-index:9999;display:flex;gap:12px;align-items:center;flex-wrap:wrap;">
<p style="margin:0;flex:1;font-size:14px;">We use cookies to improve your experience. <a href="/cookie-policy" style="color:#7dd3fc;text-decoration:underline;">Learn more</a></p>
<button onclick="acceptCookies()" style="background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;">Accept all</button>
<button onclick="rejectCookies()" style="background:transparent;color:#fff;border:1px solid #475569;padding:8px 16px;border-radius:6px;cursor:pointer;">Reject</button>
</div>
<script>
(function(){
if (localStorage.getItem('cookie-consent')) return;
document.getElementById('cookie-banner').style.display = 'flex';
})();
function acceptCookies() {
localStorage.setItem('cookie-consent', 'accepted');
document.getElementById('cookie-banner').style.display = 'none';
}
function rejectCookies() {
localStorage.setItem('cookie-consent', 'rejected');
document.getElementById('cookie-banner').style.display = 'none';
}
</script>