Study Fit User Profile - Copy this Html, Tailwind Component to your project

Design a responsive navigation bar for StudyFit using html and normal css, ensuring it adapts seamlessly across mobile phones, iPads, and laptops. The navbar should feature a logo on the left and menu links (Home, Features, Workouts, Community, Contact) on the right. On smaller screens, replace the menu with a hamburger icon that opens a dropdown when clicked. Add smooth animations for the dropdown to slide down on activation and fade in the individual menu items. Ensure the navbar is visually appealing, with hover effects on links, and fits the vibrant and energetic theme of StudyFit.