Product Info - Copy this React, Tailwind Component to your project
Make a product information for shoes shop with api https://domstore.azurewebsites.net/api/v1/products/66f6405f15cc467edadcd480 information can get from api ({ "status": "success", "message": "Lấy dữ liệu chi tiết Product thành công", "data": { "_id": "66f6405f15cc467edadcd480", "name": "Giày Adizero Takumi Sen 10", "description": "ĐÔI GIÀY CHẠY BỘ DÀNH CHO NGÀY THI ĐẤU ĐỂ CHINH PHỤC 10K ĐẦY TỐC ĐỘ.", "price": 5000000, "promotionalPrice": null, "imageUrl": [ "https://assets.adidas.com/images/h_840,f_auto,q_auto,fl_lossy,c_fill,g_auto/5bbd6a3af12a4d7d8dc9c063ad1f67cf_9366/Giay_Bong_Ro_D.O.N_ISSUE_6_Like_Water_Mau_xanh_da_troi_IG9087_HM1.jpg", "https://assets.adidas.com/images/h_840,f_auto,q_auto,fl_lossy,c_fill,g_auto/5b751b68084f4dd988ac872c46aa538c_9366/Giay_Bong_Ro_D.O.N_ISSUE_6_Like_Water_Mau_xanh_da_troi_IG9087_HM3_hover.jpg", "https://assets.adidas.com/images/h_840,f_auto,q_auto,fl_lossy,c_fill,g_auto/c5cb2831f9694855a9e2fd67c40c3329_9366/Giay_Bong_Ro_D.O.N_ISSUE_6_Like_Water_Mau_xanh_da_troi_IG9087_HM4.jpg", "https://assets.adidas.com/images/h_840,f_auto,q_auto,fl_lossy,c_fill,g_auto/7a4ac0f1bf25484e8407512c9261d348_9366/Giay_Bong_Ro_D.O.N_ISSUE_6_Like_Water_Mau_xanh_da_troi_IG9087_HM5.jpg", "https://assets.adidas.com/images/h_840,f_auto,q_auto,fl_lossy,c_fill,g_auto/8dd1ee0b3ab8407385a7105db2f9f581_9366/Giay_Bong_Ro_D.O.N_ISSUE_6_Like_Water_Mau_xanh_da_troi_IG9087_HM6.jpg" ], "category": null, "totalRate": 4.5, "colorSummary": [ { "color": "Black", "sizes": [ { "size": 42, "quantity": 100 }, { "size": 46, "quantity": 11 } ], "totalQuantity": 111 }, { "color": "White", "sizes": [ { "size": 34, "quantity": 45 }, { "size": 40, "quantity": 100 } ], "totalQuantity": 145 }, { "color": "Pink", "sizes": [ { "size": 50, "quantity": 20 } ], "totalQuantity": 20 } ], "totalQuantity": 276, "totalColors": 3, "totalSizes": 5, "reviews": [], "activePromotions": [] } })
