About this block

What You Actually Pay prices the same project two ways as itemised cost ledgers, an agency quote beside mine, set side by side. Each ledger lists line items with a one line note and an amount, ends in a plain project total, and a closing caveat explains what the bigger number legitimately buys rather than treating it as padding.

Both ledgers render from one array shape of item, note, and amount through a shared component, with my column highlighted on the card background. The distinctive choice is annotating every line, so the reader sees where each dollar goes instead of comparing two bare totals.

When to use

Reach for this block on a pricing or services page when prospective clients have an agency quote in hand and cannot tell what the gap between it and yours actually pays for. The installer swaps in real numbers from a comparable scope and keeps the honest caveat, so the lower total reads as transparent rather than too good to be true.

A natural flow around it on a Portfolio Pro page:

Before

• Pricing table

After

• Services list
• Contact section

What you can display

One strong use is a freelance quote set against a mid size agency. Other cost breakdowns:

• Retainer vs project. Itemise ongoing work against a one off engagement so clients see the tradeoff.
• DIY vs done for you. Price a template plus their own time against hiring you outright.
• Phase one vs full build. Split a large scope so the smaller starting figure reads clearly.

Tip: let the higher total keep its real advantages. A ledger that makes the alternative look like waste stops being believed.