import React from 'react';

const Footer = () => {
  const currentYear = new Date().getFullYear();
  
  return (
    <footer className="py-12 border-t border-white/5 bg-background">
      <div className="container mx-auto px-6">
        <div className="grid md:grid-cols-4 gap-12 mb-12">
          <div className="col-span-2">
            <a href="#" className="text-2xl font-bold tracking-tight mb-4 block">
              human<span className="text-primary">AI</span>
            </a>
            <p className="text-muted max-w-xs mb-6">
              ludzka strona AI — budujemy praktyczne systemy AI dla ludzi i organizacji.
            </p>
            <div className="flex flex-col gap-2">
              <a href="mailto:hello@gethumanai.pl" className="text-foreground/80 hover:text-primary transition-colors">
                hello@gethumanai.pl
              </a>
              <a href="mailto:support@gethumanai.pl" className="text-foreground/80 hover:text-primary transition-colors">
                support@gethumanai.pl
              </a>
            </div>
          </div>

          <div>
            <h4 className="font-bold mb-6 text-sm uppercase tracking-wider">Nawigacja</h4>
            <ul className="space-y-4">
              <li><a href="#offerings" className="text-muted hover:text-foreground transition-colors">Oferta</a></li>
              <li><a href="/platforma" className="text-muted hover:text-foreground transition-colors">Platforma</a></li>
              <li><a href="#contact" className="text-muted hover:text-foreground transition-colors">Kontakt</a></li>
            </ul>
          </div>

          <div>
            <h4 className="font-bold mb-6 text-sm uppercase tracking-wider">Prywatność</h4>
            <ul className="space-y-4">
              <li><a href="/privacy" className="text-muted hover:text-foreground transition-colors">Polityka prywatności</a></li>
              <li><a href="/privacy#cookies" className="text-muted hover:text-foreground transition-colors">Cookies</a></li>
            </ul>
          </div>
        </div>

        <div className="pt-8 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-muted">
          <p>© {currentYear} humanAI. Wszelkie prawa zastrzeżone.</p>
          <div className="flex gap-8">
            <span className="hover:text-foreground transition-colors cursor-pointer">LinkedIn</span>
            <span className="hover:text-foreground transition-colors cursor-pointer">X / Twitter</span>
          </div>
        </div>
      </div>
    </footer>
  );
};

export default Footer;
