Navbar - Copy this React, Tailwind Component to your project

Design a navbar for a dark themed portfolio website that appears modern and sleek. Use a dark gradient background (such as deep black fading into a subtle midnight blue) with a slightly transparent finish for a sophisticated look. Place the user’s name or logo on the left in a bold, white font, using a slightly larger size for emphasis. On the right side, include navigation links such as "Home," "About," "Projects," "Blog," and "Contact" in a clean, sans serif font. Style the links in light gray (#d1d1d1) and add a glowing underline or a smooth color change effect on hover, shifting to a neon color like teal or electric blue. Include a toggle button for light/dark mode with a minimalist icon design, such as a moon or sun, that changes color on hover. Ensure the navbar is slightly taller for a spacious feel and fixed at the top with a subtle drop shadow or blurred background effect for depth as the user scrolls. Use rounded edges and an overall sleek, balanced layout to make the navbar blend well with the dark theme and create a polished, professional look.