Bento 31 block design & features
Bento31 is a healthcare bento on a white section, built with shadcn/ui cards across two stacked grids. The top row pairs a narrower report generation card with a wider appointment scheduling tile, each placing copy above a white preview well. The lower band combines an indigo patient stories panel with animated heart-rate SVG, a central health timeline card, and a compact right column widget.
Slate-gray padded shells frame the upper feature cards while the indigo cell inverts to white headline text on saturated blue. Preview panels sit on white rounded wells with entrance motion on scroll. The patient stories tile animates a heart-rate line drawing and play-button icon. The center health card shows a horizontal interface strip above a diagnosis timestamp caption.
A highly complex healthcare mosaic with varied column spans and mixed tile purposes. Report and scheduling tiles are content-driven with interface mockups, while the indigo sidebar relies on SVG animation. The Healora brand references and clinical copy tie the disparate cells into a telehealth dashboard story.
Grids collapse to single columns on smaller screens, preserving each card's internal copy-then-preview order.