E-commerce Trust 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/footer35.tsx instead.

Usage

The file also exports footer35Demo, 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 { Footer35, footer35Demo } from "@/components/blocks/footer/footer35";

export default function Page() {
  return <Footer35 {...footer35Demo} />;
}

Props

Types

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

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

type TrustBadge = { title: string; description: string; icon: "shield" | "truck" | "lock" | "return" };

Behavior notes

• The trust badges band sits in its own bg-muted/40 strip above the main footer content, visually separated by borders, so it reads as a distinct confidence-building section rather than blending into the nav columns.
• Payment methods are plain outline badges with the method's name as text (e.g. "Visa"), never real card-network logo images.
• paymentMethods is optional; the row is omitted when empty, but trustBadges and linkGroups are expected to always have entries since they anchor the block's purpose.
• Every link is a plain anchor; there is no client-side interactivity anywhere in this block.