Shadcn UI Pricing Block
Pricing27 is a shadcn component designed to present a structured comparison of pricing options for various services. It offers an intuitive layout that highlights two main types of offerings, making it easy for users to evaluate and choose the service that best fits their needs. The component is visually appealing with clearly defined sections, making it an ideal choice for displaying premium service packages and expert consulting solutions.
The component features a distinctive design with a primary card displaying a high-end service package and a secondary card highlighting expert consulting options. The cards offer detailed descriptions, complete with pricing information and key selling points that are supported by check-marked feature lists. The main card occupies a larger space, emphasizing its significance, while both cards include call-to-action buttons that prompt users to either get a free quote or browse experts. The addition of high-quality visuals via an image on the primary card enhances the overall aesthetic, making the shadcn block a compelling choice for showcasing service tiers effectively.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
button @shadcn | Registry |