Bento 49 block design & features
Bento49 is a stacked bento built with Shadcn UI on a white section, opening with a full-width hero tile and a two-column row beneath. The hero card splits text on the left, with an orange Auto-classified data sorting label, Recommendation engine intelligence headline, and body copy, against a right panel with a counting 58 percent radial tick chart, expense card, line graph image, and a slowly rotating decorative background on a green-to-yellow gradient. The lower row places a wider Intelligent data analysis card with a growing bar chart, floating search dropdown, and bank account selector on the left, and a narrower Predictive performance card with share UI and an audio timer with orange waveform bars on the right.
Light neutral card shells, white inner panels, soft shadows, and orange chart accents give the section a bright analytics feel. Percentages and timers count up on scroll, bars grow sequentially, chart ticks fill, and floating UI cards slide in from the sides. The hero gradient panel contrasts with the flatter neutral gray lower tiles.
This reads as an AI analytics or fintech dashboard preview with more color than the dark variants in the series. The radial chart hero and dual-widget lower row make it moderately elaborate. Complexity is mixed: gradient and chart animation are code-driven while line graph and some panels use image assets.
The hero stays full width on all breakpoints while the lower two-column row stacks on smaller screens.