Package Comparison
A three-package comparison table with Check and Minus feature rows, prices, and per-package CTAs in a scrollable layout.
A three-package comparison table with Check and Minus feature rows, prices, and per-package CTAs in a scrollable layout.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Package Comparison presents three packages (Sprint at $3,500 for 5 days, Project at $12,000 for 4 to 8 weeks, Retainer at $7,000 per month) in a scrollable table with 10 feature rows using Check and Minus cells. The Project column is visually highlighted with a solid border to signal the most popular choice. CTAs in the table footer match the package type: Book a sprint, Start a project, Discuss a retainer.
Packages and feature rows are two typed arrays. The table uses three typed keys (sprint, project, retainer) to index each row, avoiding runtime shape mismatches. The footer disclaimer clarifies that scope is confirmed in writing before any work begins.
Reach for this block on a services or pricing page where the practice offers genuinely different engagement shapes. The installer swaps the three package names, prices, durations, and feature rows for their own model, and updates the CTA text and links.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the freelance design package table. Other comparison uses:
Tip: the Minus cell is as important as the Check; being explicit about what each package does not include prevents scope disputes later.