Creative Agency Portfolio Footer

Installation

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

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

Usage

The file also exports footer30Demo, 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 { Footer30, footer30Demo } from "@/components/blocks/footer/footer30";

export default function Page() {
  return <Footer30 {...footer30Demo} />;
}

Props

Types

type StatItem = { label: string; value: string };

type AwardItem = { label: string };

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

type FooterLinkGroup = { title: string; links: FooterLink[] };

Behavior notes

• The stats grid, awards row, and clients row are each independently optional; every section only renders when its array is non-empty, so a minimal footer with just the brand and nav columns is possible.
• Client names are plain text wordmarks styled with muted, semibold typography, not real logo images, since no logo assets are available for arbitrary client names.
• Awards are rendered as outline badges with a trophy icon; the list is decorative and not linked to any external verification page.
• All navigation and social links are plain anchors with real hrefs; there is no client-side interactivity anywhere in this block.