Logos 4 block design & features
The top half of this section is a centered text stack: an outlined Shadcn UI Badge, a large bold heading that scales up to display size on wider screens, a medium-weight subtitle paragraph, and a large Button. Below that, a grid of eight wordmark logos fills two to four columns depending on breakpoint. Each logo image renders in grayscale with a fixed width and height.
Typography dominates the upper portion, with balanced text and generous max-width constraints keeping the heading and subtitle from stretching too wide. The logos sit outside the container at a slightly wider max-width, which gives the grid room to breathe. No borders, cards, or background fills appear anywhere in the section.
The aesthetic is bold and text-forward, putting the call-to-action front and center while using the logo grid as supporting evidence below. The grayscale treatment on logos keeps them visually subordinate to the heading.
On small screens the logo grid collapses to two columns, and the heading steps down in size to remain readable without horizontal overflow.