Nav Bar - Copy this React, Tailwind Component to your project

Create a responsive multi-page portfolio website for a web developer named Vinay Yadav. The design should have smooth animations and unique elements for each section, with the following specific features: Overall Functionality: The footer and navigation should be consistent across pages, while the layout between sections should change smoothly with transitions. The theme switcher should allow the user to toggle between three different themes: dark mode, light mode, and colorful mode (with each section having a different vibrant background). Generate the website using this structure, ensuring smooth animations for transitions and interactions across all pages and elements. If I click any nav item then only show that page ,,, initially it will show home page Navigation Bar (Nav): At the left, the name "Vinay Yadav" should act as a logo. Include 5 navigation items: Home, About, Project, Blog, and Contact, with an additional icon for switching between 3 themes (dark mode, light mode, and colorful mode). The website should be fully responsive. On mobile, the navigation should open with a hamburger menu, using smooth animations for the menu and items appearing. Each navigation item and theme switch should have a smooth, subtle animation on render and interaction. Home (Hero Section): On the left, display a dynamic text that changes every 5 seconds with a typing animation: "Hi, I'm Vinay Yadav." "MERN Stack Developer." Add a short description about Vinay with two buttons: "Hire Me" and "Download CV." On the right, include a developer image. A small planet image should follow the user's cursor around the screen for interactive engagement. Home (Work Section): Centered heading: "Some of my latest work." Display 3 project cards, each containing a project thumbnail and title. On hover, the card should rotate to reveal a small description and a button to "Visit Page."