Bento 21 block design & features
Bento21 is a five-tile bento on a light neutral section, built with shadcn/ui card shells. A three-column top row holds equal cards with a visual panel above a headline and supporting line on health risk analysis, compliant data management, and real-time monitoring. A two-column bottom row uses wider panels for profit tooling and AI chat assistance copy.
Soft white card surfaces with hairline borders over a pale section background. The first tile carries an indigo panel with a scrubbing waveform playhead and dot markers. Two bottom tiles use full-bleed webp photography, while the monitoring tile runs infinitely scrolling AI model pills in neutral capsules. Entrance fades and slight tile rotations add motion on scroll.
A moderate health-tech collage mixing code-driven animation with photographic cells. The waveform scrubber and model marquee are the distinctive animated pieces against otherwise static imagery. Content-driven in the sense that three tiles expect swapped webp assets.
Stacks to a single column on smaller screens with caption order preserved under each visual.