Landscape call

CTA footer over a misty mountain photo.

Usage

import { LandscapeFooter } from '@/components/blocks/footer-04'


<LandscapeFooter />


// Swap in your own content
<LandscapeFooter
  brand={{ name: 'Tundra', href: '/' }}
  headline={{ text: 'Build the roadmap with', accent: 'focus', end: '.' }}
  description="Tools for teams who care about the details."
  primaryAction={{ label: 'Get started', href: '/signup' }}
  secondaryAction={{ label: 'Contact sales', href: 'mailto:sales@tundra.app' }}
  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 Tundra Inc."
  credits={[{ prefix: 'Designed by', label: 'Tundra Studio', href: '#' }]}
/>

Install

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

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

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

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

Source

Props

Landscape call props
Prop	Type	Default	Description
brand	{ name: string; href: string; logo?: ReactNode }	= Outcrop with a ridge mark	Centred logo and wordmark above the headline.
headline	{ text: string; accent: string; end?: string }	= 'Plan the next season with calm.'	Large headline. The accent word renders in blue after the text.
description	string	= Roadmap blurb	Short paragraph under the headline. Pass an empty string to hide it.
primaryAction	{ label: string; href: string }	= 'Start planning free'	Blue pill button.
secondaryAction	{ label: string; href: string }	= 'Email the team'	Frosted secondary button.
columns	LandscapeColumn[]	= Product / Follow / Legal	Link columns, each with a label and label and href pairs.
copyright	string	= '© {year} {brand.name} Labs. All rights reserved.'	Text on the left of the bottom row.
credits	LandscapeCredit[]	= Designed by Studio Palewood	Prefix and link pairs 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.