Bento 7 block design & features
Bento7 is a three-row bento built with Shadcn UI card components on a light neutral section. The top row is a six-column grid with two equal cards, each showing a three-to-two aspect visual panel above a large heading and muted paragraph. The first tile renders a MarketAI chat interface with form fields, toggle pills, and a microphone icon; the second shows a dotted-grid integration map with brand logos and frosted placeholder cells. A full-width bottom tile spans all six columns and contains a two-column model-selector list beside a feature checklist.
Rounded card shells with subtle borders sit on a neutral page background. The bottom tile is wrapped in a faint blue gradient border frame. Interior panels use white surfaces, soft gray wells, and small brand icons. Motion brings form rows and grid tiles in with staggered entrance animations.
Modern and product-focused with an AI tooling feel. The model-picker row with recognizable integration logos is the most distinctive element, elevating this beyond a simple image-and-text bento. Moderate complexity driven by CSS-built UI mocks rather than hero photography.
On smaller screens the grid collapses to one column and the bottom panel's inner two-column layout stacks vertically.