simple-footer.tsx•1.18 kB
import { GridBackground } from "@/components/grid-background";
export interface FooterNavigationItem {
name: string;
href: string;
icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
}
export default function SimpleFooter({
navigation,
}: {
navigation: FooterNavigationItem[];
}) {
return (
<footer>
<div className="relative isolate mx-auto container px-6 py-12 md:flex md:items-center md:justify-between lg:px-8">
<GridBackground maxWidthClass="container" />
<div className="flex justify-center gap-x-6 md:order-2">
{navigation.map((item) => (
<a
key={item.name}
href={item.href}
className="text-gray-600 hover:text-gray-800"
target="_blank"
rel="noopener noreferrer"
>
<span className="sr-only">{item.name}</span>
<item.icon aria-hidden="true" className="size-6" />
</a>
))}
</div>
<p className="mt-8 text-center text-sm/6 text-gray-600 md:order-1 md:mt-0">
© 2025 聚链科技. All rights reserved.
</p>
</div>
</footer>
);
}