import { BRAND } from "@/lib/constants";
import { Heart } from "lucide-react";

export function Footer() {
  const year = new Date().getFullYear();

  return (
    <footer className="relative border-t border-neutral-200 bg-neutral-100 dark:border-white/[0.06] dark:bg-[#050505]">
      <div className="section-divider absolute top-0 left-0 right-0" />
      <div className="section-container flex flex-col items-center gap-4 py-10 sm:flex-row sm:justify-between">
        <p className="text-sm text-neutral-500">
          &copy; {year} {BRAND.name}
        </p>
        <div className="flex items-center gap-1.5 text-sm text-neutral-500">
          <span>Made with</span>
          <Heart size={14} className="fill-rose-500 text-rose-500" />
        </div>
      </div>
    </footer>
  );
}
