Marketing Footer
The marketing site footer — mission blurb, links, socials and legal, closing on the gradient-filled wordmark.
Installation
pnpm dlx shadcn@latest add @ffg/marketing-footerUsage
"use client"
import { MarketingFooter } from "@/components/ui/marketing-footer";
<MarketingFooter
links={[
{ label: "Our mission", href: "/our-mission" },
{ label: "Join newsletter", href: "/newsletter" },
]}
social={{ mail: "mailto:…", linkedin: "https://linkedin.com/…" }}
legal={[
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Cookie settings", onClick: openCookiePreferences },
]}
onNavigate={(href) => router.push(href)}
/>Footer is the logged-in app footer; this is the marketing one. It is
inverted in both schemes, and the wordmark is the
Factory_for_Good_light.svg mask cut out of a gradient photo.
- social —
mail,linkedin,youtube; any left out are hidden - legal — links, or
onClickbuttons for in-page actions like cookie settings - wordmarkFill — the photo behind the wordmark; defaults to
/assets/gradient.jpg