<div class="announcement-slider">
<div class="slide active">
Free same-day delivery to Cairo & Giza for orders above 2,750 EGP
</div>
<div class="slide">
Ferrero Rocher replaced by Petals & Leaves' Signature Luxury Chocolate
</div>
</div>
<style>
.announcement-slider{
position:relative;
text-align:center;
height:30px;
overflow:hidden;
font-size:14px;
}
.slide{
position:absolute;
width:100%;
opacity:0;
transition:opacity 1s;
}
.slide.active{
opacity:1;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function(){
let slides=document.querySelectorAll(".slide");
let current=0;
setInterval(function(){
slides[current].classList.remove("active");
current=(current+1)%slides.length;
slides[current].classList.add("active");
},3000);
});
</script>
