User Profile - Copy this React, Tailwind Component to your project

I need a responsive dark themed navbar for a website using React and TailwindCSS. The navbar should include the following: Left side: A logo placeholder. Right side: Links to Home, Courses, and Login. The navbar should have a dark background (e.g., bg gray 900) and white text (e.g., text white). For smaller screens, the navbar should collapse into a hamburger menu that expands when clicked, displaying the links vertically. Use TailwindCSS's responsive utilities (sm, md, lg, etc.) to make it adaptable across different devices. Ensure smooth transitions and hover effects on links (e.g., hover:text gray 400). Use utility classes like flex, justify between, items center, p 4 for layout and spacing.