import { Link } from 'react-router-dom'
import { ShieldCheck } from 'lucide-react'

export default function Footer() {
  return (
    <footer className="border-t border-brand-200 bg-[#fcfbf8]">
      <div className="mx-auto flex max-w-7xl flex-col gap-4 px-4 py-6 sm:flex-row sm:items-center sm:justify-between sm:px-6 lg:px-8">
        <Link to="/" className="flex items-center gap-2 font-semibold text-brand-900">
          <span className="flex h-7 w-7 items-center justify-center rounded-lg bg-brand-700 text-white">
            <ShieldCheck className="h-4 w-4" strokeWidth={2.5} />
          </span>
          Votetech
        </Link>

        <div className="flex flex-wrap gap-6 text-sm text-brand-700/80">
          <a href="#" className="hover:text-brand-900">
            Privacy Policy
          </a>
          <a href="#" className="hover:text-brand-900">
            Terms of Service
          </a>
          <a href="#" className="hover:text-brand-900">
            Contact
          </a>
        </div>

        <p className="text-xs text-brand-700/60">© {new Date().getFullYear()} Votetech. All rights reserved.</p>
      </div>
    </footer>
  )
}
