Gallery

Detail page

Starting point: back to the list, previous/next, the facts, what happened in order, and a side column.

Reference: Mochi transaction detail; Cloudflare cards

Page

Order 10482

Order
Placed
12 Nov 2026, 08:13
Value
£148.20
Source
Google / organic
Page
/checkout/thanks
What happened
Purchase sent to Meta

08:13:40

Refused: the access token expired
Purchase sent to Google Analytics 4

08:13:39

Accepted
Consent: Accepted all

08:13:38

Recorded
Page view, /checkout

08:12:58

Accepted

Install

npx shadcn@4.23.0 add https://ui.dobrin-dobrev.co.uk/r/detail-page.json

Into an app set up with shadcn init --base radix; the parts it uses come with it.

Files

  • registry/default/blocks/page-types/detail-page.tsx → components/page-types/detail-page.tsx