import { Footer } from "@/components/footer"
const columns = [
{
title: "Product",
links: [
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "/pricing" },
{ label: "Changelog", href: "/changelog", badge: "New" },
],
},
{
title: "Company",
links: [
{ label: "About", href: "/about" },
{ label: "Careers", href: "/careers", badge: "Hiring" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Resources",
links: [
{ label: "Docs", href: "/docs" },
{ label: "Guides", href: "/guides" },
{ label: "Blog", href: "/blog" },
],
},
{
title: "Legal",
links: [
{ label: "Privacy", href: "/privacy" },
{ label: "Terms", href: "/terms" },
],
},
]
const socials = [
{ label: "GitHub", href: "https://github.com" },
{ label: "X", href: "https://x.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Dribbble", href: "https://dribbble.com" },
]
export function Demo() {
return (
<Footer height="90cqh" columns={columns} socials={socials} />
)
}
Updates live as you change the controls. Only non-default props are included.