import { Link } from 'react-router-dom';

const Footer = () => {
  return (
    <footer className="bg-card border-t border-border py-12">
      <div className="container mx-auto px-6">
        <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
          {/* Brand */}
          <div className="space-y-4">
            <div className="flex items-center gap-2">
              <div className="w-8 h-8 rounded-lg bg-primary flex items-center justify-center">
                <span className="text-primary-foreground font-bold font-sans">K</span>
              </div>
              <span className="text-lg font-bold font-serif text-foreground">
                KITE <span className="text-primary">WALLET</span>
              </span>
            </div>
            <p className="text-sm text-muted-foreground max-w-xs">
              From the founders of Leap Wallet. Soaring across chains — the cross-chain wallet that lets your crypto fly free. 🪁
            </p>
          </div>

          {/* Links */}
          <div className="space-y-4">
            <h4 className="text-sm font-semibold text-foreground font-sans uppercase tracking-wider">
              Explore
            </h4>
            <div className="flex flex-col gap-2">
              <Link to="/" className="text-sm text-muted-foreground hover:text-primary transition-colors">
                Home
              </Link>
              <Link to="/team" className="text-sm text-muted-foreground hover:text-primary transition-colors">
                Team
              </Link>
            </div>
          </div>
        </div>

        <div className="mt-10 pt-6 border-t border-border flex flex-col md:flex-row items-center justify-between gap-4">
          <p className="text-xs text-muted-foreground">
            © 2026 Kite Wallet. All rights reserved. Built with ☀️ and blockchain magic.
          </p>
          <p className="text-xs text-muted-foreground">
            Launching soon on mainnet 🚀
          </p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;