Xbaazcom Jun 2026
<!-- Mobile Menu --> <div id="mobileMenu" class="md:hidden max-h-0 overflow-hidden transition-all duration-500 ease-in-out"> <div class="px-6 pb-6 pt-2 flex flex-col gap-2 bg-[#0b0b0c]/95 backdrop-blur-xl border-t border-white/5"> <a href="#services" class="text-slate-300 hover:text-white px-4 py-3 rounded-xl hover:bg-white/5 transition-all duration-300 mobile-link">Services</a> <a href="#work" class="text-slate-300 hover:text-white px-4 py-3 rounded-xl hover:bg-white/5 transition-all duration-300 mobile-link">Work</a> <a href="#about" class="text-slate-300 hover:text-white px-4 py-3 rounded-xl hover:bg-white/5 transition-all duration-300 mobile-link">About</a> <a href="#testimonials" class="text-slate-300 hover:text-white px-4 py-3 rounded-xl hover:bg-white/5 transition-all duration-300 mobile-link">Reviews</a> <a href="#contact" class="text-slate-300 hover:text-white px-4 py-3 rounded-xl hover:bg-white/5 transition-all duration-300 mobile-link">Contact</a> <a href="#contact" class="mt-2 text-center bg-amber-500 text-[#0b0b0c] font-medium px-5 py-3 rounded-full hover:bg-amber-200 transition-colors duration-300 mobile-link">Start Project</a> </div> </div> </nav>
@keyframes count-up from opacity: 0; to opacity: 1; xbaazcom
: The shift in personal branding when interacting with niche platforms. !-- Mobile Menu -->