import { FaEnvelope, FaFireAlt, FaMapMarkerAlt } from "react-icons/fa";
import Image from 'next/image';

export default function Footer() {
  return (
    <footer className="bg-flyer-black text-white border-t-4 border-flyer-yellow py-12">
      <div className="container mx-auto px-4 text-center">
        <div className="flex items-center justify-center gap-2 mb-4">
        <Image
          src="/images/android-chrome-512x512.png"
          alt="FF Friedberg"
          width={32}
          height={32}
          className="group-hover:scale-110 transition-transform"
        />
          <p className="font-stick uppercase tracking-wide">Freiwillige Feuerwehr Friedberg</p>
        </div>
        <p className="flex items-center justify-center gap-2 text-white/70 text-sm mt-2">
          <FaMapMarkerAlt className="shrink-0" /> Grazerstraße 355, 8240 Friedberg
        </p>
        <p className="flex items-center justify-center gap-2 text-white/70 text-sm mt-2">
          <FaEnvelope className="shrink-0" /> kdo.008@bfvhb.at
        </p>
        <p className="text-white/40 text-xs mt-8">&copy; 2026 Freiwillige Feuerwehr Friedberg</p>
      </div>
    </footer>
  );
}
