aragrp/components/footer.tsx

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>
  );
}