Interactive Portfolio Showcase - Copy this Html, Tailwind Component to your project

General Design and Structure: Design a responsive, mobile optimized personal portfolio webpage featuring sections like "Home," "About Me," "Projects," and "Contact." Showcase projects organized from basic to advanced levels, reflecting professional growth with smooth navigation throughout. Animations and Interactive Effects: Incorporate subtle animations to enhance user experience, including hover effects on buttons, images, and scroll elements. Project previews should reveal descriptions on hover, with engaging zoom or shadow effects to attract attention. Project Showcase: Create a responsive gallery of web design projects, categorized as "Basic," "Intermediate," and "Advanced." Enable modals to open on click, showing additional project details and images, ensuring an appealing display across all devices. Career Growth Section: Add a visual section to represent career growth, using animated progress bars or interactive graphics to highlight skills in HTML, CSS, JavaScript, and frameworks like React and Node.js. WhatsApp Contact Integration: Include a floating WhatsApp button in the bottom right corner of each page. When clicked, it should initiate a chat for quick inquiries. Integrate the button seamlessly with subtle animations to draw attention. Optimization for Industry Standards: Optimize the site for SEO, fast loading times, and web accessibility. Use modern typography, vibrant colors, and a minimalist design to ensure the content stands out. AI Acknowledgment: In the footer, add a note, “Developed with AI assistance,” to highlight the tech driven approach used in creating the site.