Footer 9 - Footer with call-to-action, pricing card, link columns, and social buttons

Pro

CTA footer on a muted background with a headline, action buttons, a free-tier pricing card, five link columns, and social pill buttons.

Shadcn Footer 9 block

Component Data

  • ID:footer9
  • Access:pro
  • Created:Nov 15, 2024
  • Type:block

Footer 9 block design & features

The top area presents a large heading and subtext alongside two shadcn/ui buttons (primary and outline), with a floating card to the right displaying a "0 EUR / Free forever" pricing breakdown and a checklist of included features using circle-check icons. Below a border-top, five navigation columns span the full width in a grid, each with bold headings and muted link lists. A second border-top row at the bottom holds legal links, copyright text, and pill-shaped outline buttons for LinkedIn and Product Hunt.

The entire section sits on a muted background, giving it a distinct visual break from the page content above. The pricing card uses a white background with a shadow to float above the muted surface. Check icons use the primary color, and the large headline is set at a 4xl semibold weight. The pill buttons in the bottom row use rounded-full corners with outline styling.

The combination of a conversion-focused CTA and a pricing card inside a footer is unusual and gives the block a hybrid landing-page quality. The five-column link grid beneath it returns to a traditional footer structure, grounding the section.

On smaller screens the CTA area and pricing card stack vertically, the five link columns collapse to a two-column grid, and the bottom row stacks its legal links and social buttons.