Product Catalog Cards - Copy this Html, Bootstrap Component to your project

Create-a-card-list-component-to-display-a-product-catalog.-Each-card-should-include-the-product's-image,-name,-price,-brief-description,-and-a-star-rating-system.-Add-microinteractions-such-as-a-slight-zoom-effect-on-the-product-image-when-hovered-over,-and-a-smooth-shadow-transition.-Include-a-Quick-View-button-that-opens-a-modal-with-more-details-and-a-View-Details-button-that-changes-color-on-hover-for-additional-visual-feedback.