import Image from "next/image"
import { Instagram, Linkedin, Facebook, Youtube } from "lucide-react"

export default function Footer() {
  return (
    <footer className="py-12 border-t">
      <div className="container mx-auto px-4 text-center">
        <Image
          src="/images/logo-con-texto.png"
          alt="Tera"
          width={120}
          height={40}
          className="mx-auto mb-6 h-8 w-auto opacity-60 hover:opacity-100 transition-opacity duration-300 animate-fade-in"
        />

        <div className="flex justify-center space-x-6 mb-6">
          <a
            href="https://www.instagram.com/tera.coop/"
            target="_blank"
            rel="noopener noreferrer"
            className="text-muted-foreground hover:text-primary transition-colors duration-300"
            aria-label="Instagram"
          >
            <Instagram className="w-5 h-5" />
          </a>
          <a
            href="https://www.linkedin.com/company/tera-coop/"
            target="_blank"
            rel="noopener noreferrer"
            className="text-muted-foreground hover:text-primary transition-colors duration-300"
            aria-label="LinkedIn"
          >
            <Linkedin className="w-5 h-5" />
          </a>
          <a
            href="https://www.facebook.com/teracoop"
            target="_blank"
            rel="noopener noreferrer"
            className="text-muted-foreground hover:text-primary transition-colors duration-300"
            aria-label="Facebook"
          >
            <Facebook className="w-5 h-5" />
          </a>
          
        </div>

        <p className="text-sm text-muted-foreground animate-fade-in animation-delay-200">
          © 2025 Tera Cooperativa de Tecnología. Todos los derechos reservados.
        </p>
      </div>
    </footer>
  )
}