Minimal Centered Footer

A compact, fully centered footer for simple marketing pages: a lowercase wordmark and short tagline up top, an uppercase link row, then a hairline rule dividing it from a row of social links and a final copyright line.

By Staaarter Team

Footer

Docs

Live preview

Docs

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/minimal-centered-footer.json

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/footer/footer1.tsx instead.

Usage

The file also exports footer1Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Footer1, footer1Demo } from "@/components/blocks/footer/footer1";

export default function Page() {
  return <Footer1 {...footer1Demo} />;
}

Props

Prop	Type	Default	Description
wordmark	string	none	Lowercase brand wordmark shown at the top.
tagline	string	undefined	Short line under the wordmark.
links	FooterLink[]	[]	Uppercase link row below the tagline.
socials	FooterLink[]	[]	Social links shown below the hairline rule.
copyright	string	undefined	Copyright line at the very bottom.
className	string	none	Extra classes for the outer footer element.

Types

type FooterLink = { label: string; href: string };

Behavior notes

Every list (links, socials) is optional and only renders when it has at least one entry.
Social entries render as plain text links (no icon set), matching the wordmark-and-text-only styling of the rest of the block.
Purely presentational: every link is a real next/link with no client-side state.

More Footer Blocks

View all →

CTA Footer

Footer opening with a light closing heading and accent buttons, then a slim wordmark and link bottom bar.

Editorial Newsletter Footer

Light footer with a wordmark, tagline, newsletter signup, three link columns, and a legal bottom bar.

Brand Column Footer

Four-column footer with a wide brand column, oversized wordmark, and three ruled link columns.

Live Studio Clock Footer

Footer built around a real ticking clock with a pulsing open/closed status, city, and day.

Split CTA Footer

Two-column footer with a pill CTA and email on the left, a stacked oversized nav on the right.

Studio Locations Footer

Footer for a studio with several addresses, a ruled locations list, and a real back-to-top button.