Muted Grid Footer With Contrasting Bar

Footer 52Pro

A marketing footer on a full-width muted background with a logo column, four link columns, and a full-width bottom bar for copyright and legal links on a slightly darker band.

Shadcn UI Footer Block

The Footer52 component is a multi-column marketing footer built with shadcn/ui patterns: a wordmark link and short description occupy a wide cell on the left, and up to four titled link lists fill the remaining grid on large screens. The entire navigation block sits on a full-width muted surface so the footer reads as a distinct band at the end of the page. Copyright and policy links are moved out of the main container row into a separate full-bleed strip below, which uses a subtle color mix so it appears slightly darker than the muted field above while staying inside the same palette.

The layout follows a responsive grid that collapses to two columns on small viewports before expanding to six tracks on large screens, mirroring common SaaS footer density without extra chrome. Typography stays small and restrained on section titles and links, with muted foreground on body and list text and primary-colored hover on anchors. The logo uses a simple anchor and image pair rather than a composite logo component.

Visually the block is calm and structural: flat color fields, a hairline separation between the main muted area and the lower bar, and no patterns or heavy borders beyond that top rule on the strip. It reads as a straightforward variation on a standard grid footer where the main novelty is the two-tone muted treatment and the full-width legal band.

On narrow screens the description stays under the logo, link columns wrap in the two-column grid, and the bottom strip stacks copyright above the legal links before aligning them in a row on medium breakpoints and up.