mesh-forge/components/Footer.tsx

import { Link } from "react-router-dom"

export default function Footer() {
  return (
    <footer className="border-t border-slate-800 bg-slate-950 mt-auto">
      <div className="max-w-7xl mx-auto px-8 py-6">
        <div className="flex flex-wrap items-center justify-center gap-4 text-sm text-slate-400">
          <Link to="/license" className="hover:text-white transition-colors">
            License
          </Link>
          <span className="text-slate-600">•</span>
          <Link to="/privacy" className="hover:text-white transition-colors">
            Privacy Policy
          </Link>
          <span className="text-slate-600">•</span>
          <Link to="/terms" className="hover:text-white transition-colors">
            Terms of Service
          </Link>
        </div>
      </div>
    </footer>
  )
}