.fade-up animation: fade-up 0.8s ease-out forwards; opacity: 0; .delay-1 animation-delay: 0.1s; .delay-2 animation-delay: 0.2s; .delay-3 animation-delay: 0.3s; .delay-4 animation-delay: 0.4s; .delay-5 animation-delay: 0.5s; .delay-6 animation-delay: 0.6s;
<!-- NAVBAR --> <nav id="navbar" class="fixed top-0 left-0 right-0 z-50 transition-all duration-300"> <div class="max-w-7xl mx-auto px-6"> <div class="flex items-center justify-between h-16"> <!-- Logo --> <a href="#" class="flex items-center gap-2 group"> <div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand-500 to-brand-600 flex items-center justify-center group-hover:scale-110 transition-transform"> <span class="iconify text-white" data-icon="lucide:zap" data-width="18"></span> </div> <span class="text-lg font-bold tracking-tight">ullu<span class="text-brand-500">buzz</span></span> </a> ullubuzz.com
"10 Hidden gems in Bangladesh you need to explore" .fade-up animation: fade-up 0.8s ease-out forwards