Interactive Product Viewer - Copy this Html, Bootstrap Component to your project

Create a unique and visually engaging product view page that stands out from other product pages. The page should include: A Large, Central Product Image: The main product image should be prominent and center aligned. Include a zoom effect or hover interaction to make the product image more dynamic. Interactive Thumbnails: Display several small thumbnail images below or beside the main product image. Clicking on a thumbnail should change the main image to match the selected thumbnail. Product Details Section: Include the product name, price, and a brief, engaging description. Use a modern font and design for the text to make it readable and appealing. Add to Cart Button: Feature a prominent "Add to Cart" button that stands out. Ensure the button has a hover effect to make it more interactive. Responsive Design: Ensure the layout is mobile friendly and adjusts gracefully on different screen sizes. Use CSS flexbox or grid for a responsive and clean layout. Modern Aesthetic: Use clean lines, ample white space, and a minimal color palette to keep the focus on the product. Incorporate subtle animations or transitions for a polished look