Shadcn UI Feature Block
Feature149 is a shadcn component designed to present two distinct yet related sections within a singular layout. It is structured to engage users by featuring a visually appealing, full-width background image, overlain with semi-transparent panels that highlight introductory information about two different software solutions. Each panel includes a prominent headline, descriptive text, and a button, making it an effective way to provide introductory overviews or calls-to-action within a webpage.
The component is meticulously designed to highlight content in an aesthetically pleasing manner, employing hover animations and transitions that enhance user interaction. The left and right panels are interactively responsive, adjusting in size and transparency to indicate which is being moused over. This design is particularly useful for showcasing dual options or contrasting features of products, enabling users to grasp the advantages or functionalities quickly. The inclusion of a desktop-only divider adds to the organization by clearly partitioning each section, ensuring clarity even on larger displays.
Dependencies
| Package | Type |
|---|---|
button @shadcn | Registry |