import React from "react";
import { Link } from "react-router-dom";
import { Mail, Phone, MapPin } from "lucide-react";
const Footer = () => {
  return <footer className="bg-gray-800 text-white">
      <div className="container mx-auto px-4 py-6 md:py-8 relative">
        {/* Main content - left side */}
        <div className="max-w-md">
          <h3 className="text-base font-bold mb-2">Big Brozers Consulting</h3>
          <p className="text-gray-300 mb-4 text-sm">Des grands frères pour vous aider à DIGI-grandir !</p>
          
          {/* Contact section */}
          <div className="mb-4">
            <h4 className="text-sm font-bold mb-3">Contact</h4>
            <ul className="space-y-2">
              <li className="flex items-start">
                <MapPin size={14} className="mr-2 mt-1 flex-shrink-0" />
                <span className="text-gray-300 text-xs">Le Connecteur<br />45 Av. du Président J F Kennedy<br />64200 Biarritz, France</span>
              </li>
              <li className="flex items-center">
                <Phone size={14} className="mr-2 flex-shrink-0" />
                <span className="text-gray-300 text-xs">+33 6 07 234 404</span>
              </li>
              <li className="flex items-center">
                <Mail size={14} className="mr-2 flex-shrink-0" />
                <span className="text-gray-300 text-xs">contact@bbc.how</span>
              </li>
            </ul>
          </div>
        </div>
        
        {/* Superhero image positioned just above the line */}
        <div className="absolute bottom-12 right-4">
          <img alt="BBC Superhero" onError={e => {
          console.log('Image failed to load, using fallback');
          e.currentTarget.src = "/placeholder.svg";
        }} src="/lovable-uploads/fa0f1f5d-570f-4c83-90ee-0977b1c86b3c.png" className="h-60 w-auto object-contain" />
        </div>
        
        <div className="border-t border-gray-700 mt-4 pt-4 text-center text-gray-400 text-xs">
          <p>
            <Link to="/admin/login" className="hover:text-gray-300 transition-colors">&copy;</Link> {new Date().getFullYear()} Big Brozers Consulting. Tous droits réservés.
          </p>
        </div>
      </div>
    </footer>;
};
export default Footer;