Components
Loading preview...
A footer with a logo, tagline and multiple menus
@shadcnblockscom
npx shadcn@latest add https://21st.dev/r/shadcnblockscom/shadcnblocks-com-footer2import { Footer2 } from "@/components/icons/shadcnblocks-com-footer2"
const demoData = {
logo: {
src: "https://www.shadcnblocks.com/images/block/block-1.svg",
alt: "blocks for shadcn/ui",
title: "Shadcnblocks.com",
url: "https://www.shadcnblocks.com",
},
tagline: "Components made easy.",
menuItems: [
{
title: "Product",
links: [
{ text: "Overview", url: "#" },
{ text: "Pricing", url: "#" },
{ text: "Marketplace", url: "#" },
{ text: "Features", url: "#" },
{ text: "Integrations", url: "#" },
{ text: "Pricing", url: "#" },
],
},
{
title: "Company",
links: [
{ text: "About", url: "#" },
{ text: "Team", url: "#" },
{ text: "Blog", url: "#" },
{ text: "Careers", url: "#" },
{ text: "Contact", url: "#" },
{ text: "Privacy", url: "#" },
],
},
{
title: "Resources",
links: [
{ text: "Help", url: "#" },
{ text: "Sales", url: "#" },
{ text: "Advertise", url: "#" },
],
},
{
title: "Social",
links: [
{ text: "Twitter", url: "#" },
{ text: "Instagram", url: "#" },
{ text: "LinkedIn", url: "#" },
],
},
],
copyright: "© 2024 Copyright. All rights reserved.",
bottomLinks: [
{ text: "Terms and Conditions", url: "#" },
{ text: "Privacy Policy", url: "#" },
],
};
function Footer2Demo() {
return <Footer2 {...demoData} />;
}
export { Footer2Demo };