Shadcn UI Feature Block
The Feature183 component is designed to integrate structured product display and selection within a visually engaging layout. This component enables showcasing a phone visualization with dynamic overlays, consisting of prominent cards illustrating specific metrics or products. It facilitates seamless category and size selection for adding a product through interactive select boxes.
Expanding on its structure, Feature183 consists of a primary section with a high-level visual presentation, combined with interactive elements for user engagement. The component employs a mix of horizontal and vertical patterns created with SVG lines, delivering a modern shadcn ui style. It features a central phone image overlayed with interactive cards that showcase product highlights, alongside selection options for detailed categorization. Additionally, a series of static StatCard components at the bottom provide summarized data insights for enhanced user interaction.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
badge @shadcn | Registry |
select @shadcn | Registry |