
import React from 'react';
import { Link } from 'react-router-dom';
import { Mail, Phone, MapPin, Sparkles } from 'lucide-react';
import { Button } from '@/components/ui/button.jsx';

export default function Footer() {
  const currentYear = new Date().getFullYear();

  return (
    <footer className="bg-card border-t border-border pt-20 pb-10">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
          
          <div className="lg:col-span-1">
            <Link to="/" className="flex items-center gap-2 mb-6">
              <Sparkles className="h-6 w-6 text-primary" />
              <span className="font-bold text-xl tracking-wider text-card-foreground">LCP <span className="font-light text-primary">VALUATION</span></span>
            </Link>
            <p className="text-sm text-card-foreground/70 mb-4 leading-relaxed max-w-xs">
              Transformando imóveis sofisticados em Patrimônios Tecnológicos Certificados™.
            </p>
            <div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-secondary text-secondary-foreground text-xs font-medium tracking-wide">
              Desde 2006
            </div>
          </div>

          <div>
            <h3 className="text-sm font-bold tracking-widest text-card-foreground mb-6 uppercase">Institucional</h3>
            <ul className="space-y-4">
              <li><Link to="/metodo-cvt" className="text-sm text-card-foreground/70 hover:text-primary transition-colors">Método CVT™</Link></li>
              <li><Link to="/patrimonio-tecnologico" className="text-sm text-card-foreground/70 hover:text-primary transition-colors">Patrimônio Tecnológico™</Link></li>
              <li><Link to="/continuidade-tecnologica" className="text-sm text-card-foreground/70 hover:text-primary transition-colors">Continuidade Tecnológica™</Link></li>
              <li><Link to="/sobre" className="text-sm text-card-foreground/70 hover:text-primary transition-colors">Sobre Nós</Link></li>
            </ul>
          </div>

          <div>
            <h3 className="text-sm font-bold tracking-widest text-card-foreground mb-6 uppercase">Explorar</h3>
            <ul className="space-y-4">
              <li><Link to="/experiencias" className="text-sm text-card-foreground/70 hover:text-primary transition-colors">Experiências</Link></li>
              <li><Link to="/investidores" className="text-sm text-card-foreground/70 hover:text-primary transition-colors">Investidores</Link></li>
              <li><Link to="/avaliacao-exclusiva" className="text-sm text-card-foreground/70 hover:text-primary transition-colors">Avaliação Exclusiva</Link></li>
            </ul>
          </div>

          <div>
            <h3 className="text-sm font-bold tracking-widest text-card-foreground mb-6 uppercase">Contato</h3>
            <ul className="space-y-4">
              <li className="flex items-center gap-3 text-sm text-card-foreground/70">
                <Phone className="h-4 w-4 text-primary" />
                <a href="https://wa.me/5547974050051" target="_blank" rel="noopener noreferrer" className="hover:text-primary transition-colors">
                  (47) 9740-5051
                </a>
              </li>
              <li className="flex items-center gap-3 text-sm text-card-foreground/70">
                <Mail className="h-4 w-4 text-primary" />
                <a href="mailto:contato@lcp.com.br" className="hover:text-primary transition-colors">
                  contato@lcp.com.br
                </a>
              </li>
              <li className="flex items-start gap-3 text-sm text-card-foreground/70">
                <MapPin className="h-4 w-4 text-primary shrink-0 mt-0.5" />
                <span>
                  R. 3610, 237 - Centro<br />
                  Balneário Camboriú - SC
                </span>
              </li>
            </ul>
            <Button asChild variant="outline" className="mt-6 w-full border-primary text-primary hover:bg-primary hover:text-primary-foreground transition-all">
              <a href="https://wa.me/5547974050051" target="_blank" rel="noopener noreferrer">
                Falar no WhatsApp
              </a>
            </Button>
          </div>
        </div>

        <div className="border-t border-border pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
          <p className="text-xs text-card-foreground/50">
            © {currentYear} LCP Valuation. Amar a Deus Sobre Todas as Coisas.
          </p>
          <div className="flex gap-6">
            <span className="text-xs text-card-foreground/50 hover:text-primary cursor-pointer transition-colors">Política de Privacidade</span>
            <span className="text-xs text-card-foreground/50 hover:text-primary cursor-pointer transition-colors">Termos de Uso</span>
          </div>
        </div>
      </div>
    </footer>
  );
}
