Navbar - Copy this React, Tailwind Component to your project

Design a responsive navbar for a portfolio page with the following specifications: Theme: Use a dark purple color scheme. Responsive Design: The navbar should collapse into a hamburger menu on mobile devices while maintaining full visibility on larger screens (PC and tablets). Structure: Logo: Position the logo on the left side. Menu Items: Center the following four navigation links: "Home," "About," "Services," and "Contact." Social Icons: On the right side, include three social media icons: Facebook, Instagram, and YouTube. These icons should have a blue outline and feature an animated shadow effect for added visual appeal. Aesthetics: Ensure the design is visually appealing, incorporating animations throughout to enhance user interaction and experience. Make it beautiful and engaging!