Blocks

Footer

Quiet closing footer: four link columns beside the brand, links resting at the faintest type tone and brightening on hover, with an optional inline newsletter form and a small-print baseline.

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal

npx lumora-ui@latest add footer

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx

import { Footer } from "@lumora/ui/blocks/footer";
// or from the barrel:
import { Footer } from "@lumora/ui";

Props worth knowing

columns is an array of { title, links }; logo and tagline fill the brand column; newsletter (default true) renders the inline form and onSubscribe receives the entered email. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.