Pricing 12

Pro

A component displaying add-on options in two sections: "featured" in a grid layout and "other" in a list layout, with prices and descriptions.

Figma

Shadcn UI Pricing Block

The Pricing12 component is designed to display a structured list of add-on options, highlighting both featured and other add-ons. This component effectively distinguishes between the two categories, providing a clear layout with detailed descriptions and pricing for each add-on. The first section prominently features the high-value add-ons with a visually distinct presentation, while the subsequent section lists additional options in a more concise format.

This shadcn ui component utilizes a clean and organized shadcn block design, making it easy to navigate and compare the offerings. The featured add-ons boast distinct styles with accent backgrounds, emphasizing their premium nature. Each add-on is presented with an engaging layout that includes an image, title, description, and a clearly marked price. The component is designed to be intuitive, helping users easily differentiate between the add-on options available.

Dependencies

No dependencies required