import { Logo } from "@/components/logo";
import Link from "next/link";

const links = [
  {
    title: "درباره ما",
    href: "/about",
  },
  {
    title: "راه حل‌ها",
    href: "/solutions",
  },
];

export default function FooterSection() {
  return (
    <footer className="py-16 md:py-32">
      <div className="mx-auto max-w-5xl px-6">
        <Logo />

        <div className="my-8 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>
        <div className="my-8 flex flex-wrap justify-center items-center gap-2 text-sm">
          <span className="text-muted-foreground">تماس با تیم فیپ:</span>
          <a
            href="tel:09162949770"
            className="text-foreground hover:text-accent transition-colors duration-150 font-medium"
          >
            09162949770
          </a>
        </div>
        <span className="text-muted-foreground block text-center text-sm">
          {" "}
          © {new Date().getFullYear()} فیپ، تمامی حقوق محفوظ است
        </span>
      </div>
    </footer>
  );
}