Bento 3 block design & features
Bento3 is a symmetric two-column bento built with Shadcn UI spacing conventions and four equal white cards, each carrying a split headline and a dedicated animated sub-tile. The tiles cover innovation, client focus, future-ready technology, and global trust through a count-up accessibility gauge with beam lines, layered chart imagery, a QR scan reveal, and a hub-and-spoke network diagram.
White rounded cards sit on a soft primary-foreground section with generous fixed heights on large screens. Indigo accents repeat across the SVG gauges, scanners, and animated beam paths, giving the grid a cohesive product-marketing finish.
The block is elaborate for a values grid because every tile ships its own motion graphic rather than a single shared hero image. Expect to replace the placeholder headlines and metric labels when adapting the story.
Tiles stack into a single column on mobile with headline copy remaining above each visual.