Pizza Order System - Copy this React, Tailwind Component to your project
Create a UI for an online pizza ordering system in HTML, CSS, and JavaScript that replicates the following layout: Header Section: A cart with the title 'Giỏ Hàng Của Bạn' and a combo deal 'MUA 1 TẶNG 1 PIZZA SEAFOOD', showing the total price of 343,000đ at the top. Next to the title, there should be an option to remove the combo ('Xóa Toàn Bộ Combo'). Items Section: A list of items included in the combo. Each item should display: A small image of the product. The item name (e.g., 'Pizza Siêu Topping Hải Sản Xốt Pesto Chanh Sả', 'Chai Fanta 1.5L', 'Pizza Thập Cẩm Thượng Hạng'). Description details such as dough type ('Đế Dày Bột Tươi'), size (e.g., 'Size 9 inch'), and extra options like 'Viên xúc xích 9"' for the first pizza. Item quantity displayed with '+' and '−' buttons to modify the quantity. Promo Code Section: A section that allows the user to enter a promo code with a button labeled 'Áp Dụng' to apply the promo code. Price Summary: A summary of the total cost at the bottom, including: Tổng (Total): 548,000đ Giảm K.Mãi (Discount): 205,000đ Giảm Vouchers (Voucher Discount): 0đ Phí Giao Hàng (Delivery Fee): 0đ The final total price ('Thanh Toán') highlighted in red at 343,000đ. The layout should be responsive and styled with a modern and clean aesthetic, using appropriate CSS for the cart structure, fonts, spacing, and buttons.
