import { Heart } from 'lucide-react'

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

  return (
    <footer className="relative py-16 px-6 border-t border-pink-brand/5">
      <div className="max-w-6xl mx-auto flex flex-col items-center justify-center text-center gap-4">
        <p className="font-mono text-sm text-grey-400 tracking-[0.3em]">
          depoliticized.
        </p>

        <p className="flex items-center gap-1.5 text-xs text-grey-500 font-body">
          Built with <Heart className="w-3 h-3 text-pink-brand fill-pink-brand" /> in Europe
        </p>

        <p className="font-mono text-xs text-grey-400">
          {year}
        </p>
      </div>
    </footer>
  )
}
