Luxury Candle Homepage - Copy this Html, Tailwind Component to your project

The shopping cart page should be designed to provide complete information about the products that customers have added, and support the necessary operations before proceeding to checkout. Specifically, the page should display a list of products in the shopping cart, including images, product names, unit prices, quantities, total value of each product (unit price multiplied by quantity), and in-stock or out-of-stock status. Users should be able to edit the quantity of products through the increase/decrease buttons or remove products from the shopping cart. The page should have a summary of the total order value, including the total price of the products, shipping fees (if applicable), and the final payment total. A "Continue Shopping" button to return to the product page and a "Checkout" button to proceed to the checkout step are also required. In addition, there should be a box to enter a discount code (if supported by the system), along with an "Apply" button for customers to use promotional programs. As for the interface, the page needs to be designed to be modern, user-friendly and optimized for display on both computers and mobile devices (responsive). If the shopping cart is empty, the message "Your shopping cart is empty. Continue shopping!" should be displayed. At the same time, there should be an error message when the product is out of stock or the discount code is invalid.