Product Image - Copy this React, Mui Component to your project

<div className="p-4"> <div className="max-w-4xl mx-auto bg-white rounded-lg shadow-md p-4"> <div className="flex"> <div className="w-1/2"> <img src="https://placehold.co/512x512" alt="Product image of a large mouse pad with a dragon design" className="rounded-lg" /> </div> <div className="w-1/2 pl-4"> <h1 className="text-2xl font-bold">PAD 94 RỒNG NHẬT BẢN DÀY 5MM</h1> <p className="text-gray-500">Mã SP: PAD1428 <span className="text-yellow-500"><i className="fas fa-star"></i><i className="fas fa-star"></i><i className="fas fa-star"></i><i className="fas fa-star"></i><i className="fas fa-star"></i></span> (0 đánh giá) Lượt xem: 301</p> <div className="mt-2"> <h2 className="text-lg font-semibold">Thông số sản phẩm</h2> <ul className="list-disc list-inside text-gray-700"> <li>Lót Chuột Kích Thước : 900x400x5mm</li> <li>Chất Liệu : Mặt Di Vải – Đế Cao Su</li> <li>Mặt di : Trơn – Speed</li> <li>Sản phẩm do Lạc Đàu tự sản xuất cực tâm huyết</li> <li>Hình ảnh cực kì đẹp, ngầu, sắc nét</li> <li>Trang trí góc Gaming, bàn làm việc</li> <li>Khó di rời, hiệu quả</li> </ul> <a href="#" className="text-blue-500">Thu gọn ↑</a> </div> <div className="mt-4"> <p className="text-gray-500 line-through">Giá bán: 190.000₫</p> <p className="text-green-500 text-2xl font-bold">Giá khuyến mại: 150.000₫ <span className="text-sm text-gray-500">(Tiết kiệm: 22%)</span></p> </div> <div className="mt-4 flex"> <button className="bg-green-500 text-white px-4 py-2 rounded-lg mr-2">MUA NGAY</button> <button className="bg-orange-500 text-white px-4 py-2 rounded-lg">THÊM VÀO GIỎ</button> </div> </div> </div> <div className="mt-4 bg-gray-100 p-4 rounded-lg"> <h2 className="text-lg font-semibold">CHÍNH SÁCH MUA HÀNG</h2> <ul className="list-none text-gray-700"> <li className="flex items-center"><i className="fas fa-check-circle text-green-500 mr-2"></i> Thanh toán thuận tiện</li> <li className="flex items-center"><i className="fas fa-check-circle text-green-500 mr-2"></i> Sản phẩm 100% chính hãng</li> <li className="flex items-center"><i className="fas fa-check-circle text-green-500 mr-2"></i> Bảo hành nhanh chóng</li> <li className="flex items-center"><i className="fas fa-check-circle text-green-500 mr-2"></i> Giao hàng toàn quốc</li> </ul> </div> <div className="mt-4 bg-gray-100 p-4 rounded-lg"> <h2 className="text-lg font-semibold">HOTLINE HỖ TRỢ</h2> <ul className="list-none text-gray-700"> <li className="flex items-center"><i className="fas fa-phone-alt text-green-500 mr-2"></i> Hotline CSKH: 0349.296.461</li> <li className="flex items-center"><i className="fas fa-phone-alt text-green-500 mr-2"></i> Tư vấn mua hàng: 0349.296.461</li> </ul> </div> </div> </div> ); }; to MUI