1 variant
Footer
The wordmark and what the product is, the link columns, and a bottom row with the legal links and social marks.
import { SiteFooter } from "@/components/blocks/site-footer";
export default function Layout({ children }) {
return (
<>
{children}
<SiteFooter
brand={{ label: "Northline", href: "/" }}
tagline="Billing and revenue reporting for teams who would rather not build it again."
columns={[
{ title: "Product", links: [{ label: "Overview", href: "/" }] },
{ title: "Company", links: [{ label: "Careers", href: "/careers" }] },
]}
legal={[{ label: "Privacy", href: "/privacy" }]}
/>
</>
);
}import type { ReactNode } from "react";
import { cn } from "@/lib/utils";
export interface FooterLink {
label: string;
href: string;
/** Opens in a new tab and carries the safe rel. */
external?: boolean;
}
export interface FooterColumn {
title: string;110 more lines ship with an easeUI Pro license.
Buy a licenseInstall
$ bunx --bun shadcn add @easeui-pro/footer