Personal Website - Copy this React, Tailwind Component to your project

"Create a fully responsive personal website using HTML, CSS (or Bootstrap for styling), and JavaScript. The website should contain the following sections: Responsive Navbar: A navigation bar that remains fixed at the top of the page and collapses into a hamburger menu on smaller screens. The navbar should have links to 'Home', 'About Me', 'Projects', and 'Contact Me'. The brand logo or site name should be on the left. Home Page: A hero section that introduces who I am, along with a tagline or brief intro text. Include a full width background image that spans the width of the screen. Add a call to action button leading to the 'Projects' section. About Me Page: A two column layout. On the left side, display a profile picture or image. On the right side, add a detailed section with text about who I am, my experience, and what I do. Projects Section: Display a gallery of my projects with 3 boxes/cards visible per page. Each box should contain a project image, a project title, and a brief description of the project. Add 'Left' and 'Right' scroll buttons to navigate through the projects. Contact Me Page: Include a contact form with fields for Name, Email, Subject, and Message. A 'Send Message' button should be at the bottom of the form. Footer: A footer at the bottom of the page with links to my social media profiles (e.g., GitHub, LinkedIn, Twitter). Display a copyright notice and any additional contact information. Ensure the entire website is responsive across desktop, tablet, and mobile devices using Bootstrap's grid system. Use smooth transitions and animations where applicable."