Shadcn UI Pricing Block
The Pricing14 component is a structured block designed to present a comprehensive pricing plan offering. It is organized to highlight the key benefits of a specific plan, encouraging potential users to take action. The layout draws attention to the pricing details, associated discounts, and unique features of the plan, all within a cohesive visual format.
In more detail, Pricing14 is embedded within a muted background container providing a clean presentation. The header introduces the plan name and any discounts with visual emphasis using the shadcn ui approach. The vivid display of the plan's core message and pricing information is designed for quick readability and appeal. An array of features is further highlighted with iconography for clarity, helping users quickly assess the plan's offerings. Accompanied by a responsive call-to-action through distinct buttons, this component serves as a decisive tool in guiding user engagement and decision-making.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
badge @shadcn | Registry |
button @shadcn | Registry |
separator @shadcn | Registry |