Order Summary Sections

This Shadcn order summary block displays each product inside its own bordered card, complete with image, pricing, delivery address and contact details. Beneath each card, a progress bar and step labels show where the shipment is in the process, while a bottom panel summarizes billing address, payment method and cost breakdown.

Focuses on big visual panels for each shipped item, stacking an image on the left with description and delivery/shipping info on the right. A muted summary card at the bottom collects billing details, payment method and a right-aligned subtotal, shipping, taxes and total column.

This Shadcn order summary block is tailored for single-product orders and confirmation screens. A hero message and tracking number sit above a detailed product card, then grids for delivery/billing addresses, payment and shipping method, and finally a compact totals list that includes a discount badge for the coupon code.

Combines a status timeline with a full list of items and a compact totals card. The top shows an order badge ("In Transit") with order metadata, followed by a vertical or horizontal timeline of steps, a list of products with thumbnails and variants, address and payment snippets, and a small "Order Summary" card with subtotal, shipping, taxes and total.