Bento 44 block design & features
Bento44 is a three-row bento built with shadcn/ui on a black section. The top row splits two ways: a left tile with a Mobile label, Optimized Layouts headline, supporting copy, and an animated world map with traveling connection dots and pulsing city nodes, and a right column stacking two shorter cards for Built for Collaboration with a waveform illustration and Easy Integration with a row of five app icons. A full-width bottom tile pairs Mobile friendly copy and a Get Started button with a large product mockup bleeding off the right edge.
Dark cards, white headlines, gray body text, and indigo pulse rings on the map keep the palette monochrome with a single accent hue. Map arcs animate continuously, icons stagger in on scroll, and the bottom mockup scales in while the CTA stays a light gray pill. Tight gaps between tiles give the section a compact dashboard mosaic feel.
The aesthetic is mobile-first SaaS with global connectivity and third-party integrations called out explicitly. The animated world map in the first tile is the distinctive element compared with static screenshot bentos. Complexity is moderate, leaning on SVG map animation, icon rows, and one hero mockup image.
The top two-column row and stacked right cells collapse to a single column on smaller screens, with the wide bottom tile following beneath.