Customer Details 3 block design & features
CustomerDetails3 is a customer profile detail built with shadcn/ui, pairing a large avatar header and message action with tabbed purchases, reviews, and activity, plus a sticky sidebar for source, shipping map, contact chips, and segments. Purchases list order totals with product thumbnails. Reviews include a rating breakdown, star rows, status badges, and optional photo previews. Activity shows order-grouped timelines from placement through follow-up.
The layout stays flat and bordered with a muted sidebar card. Rating bars fill with foreground against muted tracks. Status chips use soft emerald and amber fills. Product thumbnails sit in small rounded frames beside SKU labels.
This feels like a support-facing CRM detail rather than a storefront profile. The mixed media of map, review photos, and activity timelines makes it more elaborate than a simple info card. Complexity is high and mixed: copy, order history, review text, images, and a map pin are all needed.
On smaller screens the sidebar stacks under the tabs, and the header compresses into a compact avatar block with a full-width message button.