Site Footer

Footer

The band, the lockup, the links — and the years since 2013.

Preview

Usage

tsx

import { Footer } from "zostel-ui";

<Footer
  sections={[
    { title: "Places", links: [{ label: "Manali", href: "/destinations#manali" }] },
    { title: "Stay", links: [{ label: "Zostel Homes", href: "#" }] },
  ]}
/>

Props

Prop	Type	Default	Description
`sections`	`{ title; links: { label; href }[] }[]`	`[]`	Columns of links.
`showBand`	`boolean`	`true`	LIVE IT. NOW across the top.
`copyright`	`string`	`"© 2013–<year> Zostel"`	The last line.
`className`	`string`	—	More classes, merged with the component’s own (tailwind-merge).

sections

Type: { title; links: { label; href }[] }[]

Default: []

Columns of links.

showBand

Type: boolean

Default: true

LIVE IT. NOW across the top.

copyright

Type: string

The last line.

className

Type: string

Default: —

More classes, merged with the component’s own (tailwind-merge).