Footer 1 - Footer with logo, link columns, app download buttons, and social icons

Pro

Multi-section footer with a logo, tagline, app store buttons, three navigation columns, social media icons, and copyright text.

Vue
Shadcn Footer 1 block

Component Data

  • ID:footer1
  • Access:pro
  • Created:Aug 5, 2024
  • Type:block

Footer 1 block design & features

The layout places a logo and tagline row at the top alongside Apple and Google Play download buttons, followed by a separator and a four-column grid of navigation links built with shadcn/ui components. Three columns hold categorized link lists under bold section headings, while a fourth column splits between legal links and a horizontal row of social media icons. A second separator sits above a single-line copyright notice at the bottom.

Typography stays small and muted for link text, with semibold section headings in a tighter tracking. Hover states shift link color to the primary tone. The separators use a thin border line, and the app store buttons render as compact rounded squares filled with the primary color against a contrasting icon.

The overall feel is utilitarian and content-dense, packing a lot of navigation surface into a compact vertical space. The uniform text sizing and muted palette keep the section visually quiet, letting the link structure do the organizational work without drawing attention away from the page above.

On smaller screens the top row stacks the logo and download buttons vertically, and the four-column grid collapses to a single column with consistent spacing between each section.