Bento 5 block design & features
Bento5 is a healthcare-themed bento built with shadcn/ui layout utilities, splitting into a three-column top row and a two-column bottom row. Each cell pairs a square or wide visual with an icon-led headline about risk analysis, compliant data, real-time monitoring, wellness recommendations, and AI-assisted diagnostics.
A neutral-50 page background frames white text footers and mixed aspect ratios between the top square tiles and wider bottom panels. One tile includes an interactive draggable dot on a dual-path SVG curve with a live kilogram readout, while another animates indigo health bars inside a compact chart shell.
The block is elaborate for a vertical-specific feature grid because it blends coded micro-UIs with photographic tiles and a touch-driven chart. Healthcare iconography is baked into every headline row.
On mobile the five tiles stack vertically with visuals still leading each caption block.