Product Detail Component - Copy this Html, Bootstrap Component to your project

"Create a stylish and responsive product listing page with the following elements: A product image section with an attractive thumbnail and hover effect that zooms in on the image. Product details section displaying: Product name in bold and large font Product price in a prominent color (e.g., green or orange) Product description with bullet points highlighting features Size/Color selection dropdown (optional) Customer ratings with star icons A 'Buy Now' button styled to stand out, with hover effects. An elegant and clean layout with soft pastel or minimalistic color scheme. Ensure the design is responsive for mobile, tablet, and desktop views. Include space for social sharing icons (e.g., Facebook, Twitter, Instagram). Simple and clean typography to enhance readability. A slight shadow effect around the product details box for depth."