import { Link } from 'react-router';

export default function Footer() {
  return (
    <footer className="bg-white border-t border-slate-100 py-12 px-6">
      <div className="max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between gap-6">
        <Link to="/" className="flex items-center gap-2">
          <span className="font-serif text-3xl font-black tracking-[0.05em] bg-gradient-to-r from-[#4F1DA1] to-[#021341] bg-clip-text text-transparent">INFINITH</span>
        </Link>
        <div className="text-sm text-slate-500 text-center md:text-left">
          &copy; {new Date().getFullYear()} INFINITH. All rights reserved. <br className="md:hidden" />
          Infinite Marketing for Premium Medical Business & Marketing Agency
        </div>
        <div className="flex items-center gap-6 text-sm font-medium text-slate-600">
          <a href="#" className="hover:text-primary-900 transition-colors">Privacy Policy</a>
          <a href="#" className="hover:text-primary-900 transition-colors">Terms of Service</a>
        </div>
      </div>
    </footer>
  );
}