ar.azizan
0e2ea9b85b
- Modified the Logo component to accept a new 'hasCaption' prop for conditional rendering of a caption. - Updated the FooterSection to utilize the new 'hasCaption' prop, enhancing the logo presentation with additional text and a separator.
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { Logo } from "@/components/logo";
|
|
import Link from "next/link";
|
|
|
|
const links = [
|
|
{
|
|
title: "درباره ما",
|
|
href: "/about",
|
|
},
|
|
{
|
|
title: "بلاگ",
|
|
href: "/blog",
|
|
},
|
|
{
|
|
title: "راه حلها",
|
|
href: "/solutions",
|
|
},
|
|
];
|
|
|
|
export default function FooterSection() {
|
|
return (
|
|
<footer className="py-16 md:py-16 bg-muted border-t">
|
|
<div className="mx-auto max-w-5xl px-6 flex items-center flex-col">
|
|
<Logo hasCaption className="mx-auto" />
|
|
|
|
<div className="my-4 flex flex-wrap justify-center gap-6 text-sm">
|
|
{links.map((link, index) => (
|
|
<Link
|
|
key={index}
|
|
href={link.href}
|
|
className="text-muted-foreground hover:text-accent transition-colors duration-150"
|
|
>
|
|
<span>{link.title}</span>
|
|
</Link>
|
|
))}
|
|
</div>
|
|
<span className="text-muted-foreground block text-center text-sm">
|
|
© 1404 فیپ، تمامی حقوق محفوظ است
|
|
</span>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|