.fade-bottom background: linear-gradient(to top, #000000, transparent);
<!-- Navigation --> <nav class="fixed top-0 left-0 right-0 z-50 mt-4 mx-4 md:mx-auto md:max-w-4xl"> <div class="glass-panel rounded-full px-6 py-3 flex items-center justify-between"> <a href="#" class="flex items-center gap-2"> <span class="iconify text-orange-500 text-xl" data-icon="lucide:flame"></span> <span class="font-semibold text-sm tracking-tight">FILMZILLA</span> </a> <div class="hidden md:flex items-center gap-6"> <a href="#" class="nav-link text-sm font-medium text-neutral-400">Home</a> <a href="#" class="nav-link text-sm font-medium text-orange-500">Bollywood</a> <a href="#" class="nav-link text-sm font-medium text-neutral-400">Hollywood</a> <a href="#" class="nav-link text-sm font-medium text-neutral-400">South</a> <a href="#" class="nav-link text-sm font-medium text-neutral-400">Series</a> </div> <div class="flex items-center gap-3"> <button id="searchToggle" class="w-9 h-9 rounded-full border border-neutral-700 flex items-center justify-center hover:bg-white hover:text-black transition-all duration-300"> <span class="iconify text-sm" data-icon="lucide:search"></span> </button> <button class="hidden md:flex px-4 py-2 bg-white text-black text-xs font-semibold rounded-full hover:bg-orange-500 hover:text-white transition-all duration-300"> Sign In </button> <button id="mobileMenuBtn" class="md:hidden w-9 h-9 rounded-full border border-neutral-700 flex items-center justify-center"> <span class="iconify text-sm" data-icon="lucide:menu"></span> </button> </div> </div> </nav> filmzillacom bollywood movies updated
Acknowledgments (If publishing formally, include acknowledgments to any data sources, industry partners, or reviewers.) .fade-bottom background: linear-gradient(to top