"use client"; import Image from "next/image"; import React from "react"; interface MenuItem { title: string; links: { text: string; url: string; }[]; } interface CorporateFooterProps { logo?: { url: string; src: string; alt: string; title: string; }; tagline?: string; menuItems?: MenuItem[]; copyright?: string; bottomLinks?: { text: string; url: string; }[]; } export const CorporateFooter: React.FC = ({ logo = { src: "/ruixen_dark.png", alt: "Ruixen.com", title: "Ruixen.com", url: "https://ruixen.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: "Roadmap", 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 Center", url: "#" }, { text: "API Docs", url: "#" }, { text: "Advertise", url: "#" }, ], }, { title: "Social", links: [ { text: "Twitter", url: "#" }, { text: "Instagram", url: "#" }, { text: "LinkedIn", url: "#" }, ], }, ], copyright = "© 2024 Ruixen. All rights reserved.", bottomLinks = [ { text: "Terms", url: "#" }, { text: "Privacy Policy", url: "#" }, ], }) => { return ( ); };

Corporate Footer

Footer Component Demo

Installation

Usage

Footer Component Demo