Product Card - Copy this React, Tailwind Component to your project

<p card header="Product Details"> <p card header="{{ product.name }}" subheader="{{ product.category }}" [style]="{ width: '55%' }" > <p image [src]="'https://localhost:9001/api/v1/File/Preview/' +product.imageId" alt="Image" width="150" [preview]="true" /> <p><strong>Description:</strong> {{ product.description }}<br> <strong>Price:</strong> {{ product.price }}<br> <strong>Quantity:</strong> {{ product.quantity }}<br> </p> <ng template pTemplate="footer"> <div class="flex gap 3 mt 1"> <p button label="Set Custom Price" class="w full" styleClass="w full" (click)="onSetCustomPrice()" /> </div> </ng template> </p card> </p card>