Order confirmation with progress and receipt

Default content

{
  "eyebrow": "Order confirmed",
  "title": "Thank you, Ada. Your order is on the packing bench.",
  "body": "We've sent a receipt to your inbox. Everything is wrapped by hand in Sheffield, so it usually leaves us the next working day.",
  "orderNumber": {
    "label": "Order",
    "value": "MP-20418"
  },
  "details": [
    {
      "label": "Confirmation sent to",
      "value": "[email protected]"
    },
    {
      "label": "Delivering to",
      "value": "Ada Moreno, 14 Example Row, Sheffield S3 8AA"
    },
    {
      "label": "Delivery",
      "value": "Standard, tracked · 3–5 working days"
    },
    {
      "label": "Paid with",
      "value": "Visa •••• 4242"
    }
  ],
  "timelineLabel": "Order progress",
  "timeline": [
    {
      "label": "Order placed",
      "detail": "Thu 9 Oct, 14:32",
      "status": "done"
    },
    {
      "label": "Packing",
      "detail": "Wrapped by Elif today",
      "status": "current"
    },
    {
      "label": "Dispatched",
      "detail": "Expected Fri 10 Oct",
      "status": "upcoming"
    },
    {
      "label": "Delivered",
      "detail": "Mon 13 – Wed 15 Oct",
      "status": "upcoming"
    }
  ],
  "currency": "GBP",
  "items": [
    {
      "product": {
        "name": "Hollin tumbler, set of 4",
        "href": "#",
        "category": "Tableware",
        "material": "Speckled stoneware, oat satin glaze",
        "price": 48,
        "images": [
          {
            "src": "https://images.unsplash.com/photo-1610701596007-11502861dcfa?auto=format&fit=crop&w=900&h=1100&q=80",
            "alt": "Speckled stoneware tumblers stacked on a white shelf"
          },
          {
            "src": "https://images.unsplash.com/photo-1610701596061-2ecf227e85b2?auto=format&fit=crop&w=900&h=1100&q=80",
            "alt": "Hollin tumblers on an oak table beside cream bowls and serving boards"
          },
          {
            "src": "https://images.unsplash.com/photo-1610701596295-4dc5d6289214?auto=format&fit=crop&w=900&h=1100&q=80",
            "alt": "Cream tableware and a striped linen napkin laid on a table"
          },
          {
            "src": "https://images.unsplash.com/photo-1493106641515-6b5631de4bb9?auto=format&fit=crop&w=900&h=1100&q=80",
            "alt": "Clay-covered hands throwing a pot on the wheel"
          }
        ],
        "swatches": [
          {
            "name": "Oat",
            "color": "oklch(0.86 0.035 80)"
          },
          {
            "name": "Honey",
            "color": "oklch(0.72 0.11 70)"
          },
          {
            "name": "Chalk",
            "color": "oklch(0.95 0.01 90)"
          }
        ],
        "badge": "Bestseller",
        "rating": {
          "value": 4.9,
          "count": 212
        }
      },
      "variant": "Oat glaze · Set of 4",
      "quantity": 1
    },
    {
      "product": {
        "name": "Edale linen cushion cover",
        "href": "#",
        "category": "Linen",
        "material": "Stonewashed Lithuanian linen, 230 gsm",
        "price": 34,
        "compareAt": 42,
        "images": [
          {
            "src": "https://images.unsplash.com/photo-1616627561950-9f746e330187?auto=format&fit=crop&w=900&h=1100&q=80",
            "alt": "Striped and rust linen cushions on an oak bed"
          }
        ],
        "swatches": [
          {
            "name": "Rust",
            "color": "oklch(0.55 0.13 45)"
          },
          {
            "name": "Flax stripe",
            "color": "oklch(0.83 0.04 85)"
          },
          {
            "name": "Sage",
            "color": "oklch(0.7 0.05 140)"
          }
        ],
        "badge": "Autumn sale",
        "rating": {
          "value": 4.8,
          "count": 119
        }
      },
      "variant": "Rust · 50 × 50 cm",
      "quantity": 2
    },
    {
      "product": {
        "name": "Ember & Pine candle",
        "href": "#",
        "category": "Candles",
        "material": "Rapeseed wax, cedar and smoked pine, 60-hour burn",
        "price": 28,
        "images": [
          {
            "src": "https://images.unsplash.com/photo-1603006905003-be475563bc59?auto=format&fit=crop&w=900&h=1100&q=80",
            "alt": "A candle burning in a smoked glass on sheepskin"
          }
        ],
        "badge": "New",
        "rating": {
          "value": 4.9,
          "count": 76
        }
      },
      "variant": "220 g glass",
      "quantity": 1
    }
  ],
  "discount": {
    "label": "SLOWAUTUMN",
    "amount": 13.6
  },
  "shipping": {
    "label": "Standard, tracked",
    "amount": 4.95
  },
  "labels": {
    "receipt": "Receipt",
    "subtotal": "Subtotal",
    "free": "Free",
    "total": "Paid",
    "totalNote": "Including VAT",
    "quantity": "Quantity {count}"
  },
  "actions": [
    {
      "label": "Track your parcel",
      "href": "#",
      "variant": "primary"
    },
    {
      "label": "Keep browsing",
      "href": "#",
      "variant": "secondary"
    }
  ],
  "note": {
    "title": "A note from the packing bench",
    "body": "Your tumblers come from Ruth's Tuesday firing; the oat glaze pooled a little darker on this batch, which I think is lovely. Wash them once before the first coffee.",
    "signature": "Elif Demir, packing and dispatch",
    "portrait": {
      "src": "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&crop=faces&w=128&h=128&q=80",
      "alt": "Portrait of Elif Demir"
    }
  }
}