Mission

Footer with a large mission statement.

Usage

import { MissionFooter } from '@/components/blocks/footer-05'


<MissionFooter />


// Swap in your own content
<MissionFooter
  brand="Parlowe"
  mission="Quiet software for small teams who ship on their own schedule."
  socials={[
    { platform: 'instagram', href: '#' },
    { platform: 'facebook', href: '#' },
  ]}
  columns={[
    {
      label: 'Product',
      links: [
        { label: 'Pricing', href: '/pricing' },
        { label: 'Changelog', href: '/changelog' },
      ],
    },
    {
      label: 'Company',
      links: [
        { label: 'About', href: '/about' },
        { label: 'Careers', href: '/careers' },
      ],
    },
  ]}
  copyright="© 2026 Parlowe Ltd."
/>

Install

pnpm dlx shadcn@latest add @pastaui-pro/footer-05

npx shadcn@latest add @pastaui-pro/footer-05

yarn dlx shadcn@latest add @pastaui-pro/footer-05

bunx --bun shadcn@latest add @pastaui-pro/footer-05

Source

Props

Mission props
Prop	Type	Default	Description
brand	string	= 'Sprigwell'	Wordmark next to the logo, also used in social button labels.
brandHref	string	= '#'	Where the logo links to.
logo	ReactNode	= Sprig mark	Mark shown before the wordmark.
mission	string	= Community garden mission	Large mission statement under the logo.
socials	MissionFooterSocial[]	= LinkedIn / Instagram / Pinterest / Facebook	Round social buttons with a platform ('linkedin' \| 'instagram' \| 'facebook' \| 'pinterest'), href and optional label. Pass an empty array to hide them.
columns	MissionFooterColumn[]	= Growers / Sprigwell	Link columns, each with a small label and label and href pairs.
copyright	string	= '© {year} Sprigwell Collective. All rights reserved.'	Text on the left of the bottom row.
legalLinks	MissionFooterLink[]	= Terms / Privacy / Cookies	Muted links on the right of the bottom row.
className	string	= —	Additional classes for the footer.
style	CSSProperties	= —	Inline styles, handy for overriding the --pp-* theme variables.