Order Tracking

Order tracking page built with shadcn/ui. A header pairs the order number with an Arriving headline and live Badge, a five-step horizontal stepper marks the current step with a pulsing dot, and a grid below holds the item list Card, a carrier Card with tracking number, Copy Button with Tooltip and carrier link, and a delivery address Card. The default post-purchase tracking screen.

Centred max-w-md lookup built with shadcn/ui: a Card with order number and email Inputs, a Track Button and a sign-in link, followed by a segmented control that toggles the result. The found order renders as a summary Card with ETA, In transit Badge and a compact vertical status timeline. Ideal for guest checkout customers tracking without an account.

Detailed shipment history built with shadcn/ui. A two-column-wide Card lists scan events newest first on a vertical line with dots, times, locations and descriptions, the latest pulsing; the right rail holds an ETA Card with Calendar icon and a Delivery preferences Card whose RadioGroup chooses door, neighbour or pickup point with a Change Button. Good for carrier-style detail pages.

Split-shipment tracking built with shadcn/ui. Tabs switch between Parcel 1 of 2 · Delivered and Parcel 2 of 2 · In transit, each a Card with its own mini stepper, item list and carrier details, beside a map-style placeholder Card with a dotted background, an SVG dashed route and MapPin markers from Leipzig to Stockholm; a Report a problem link sits in the header. Suits orders fulfilled from several warehouses.