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

	return (
		<footer className="bg-gray-900 text-white">
			<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
				<div className="grid md:grid-cols-4 gap-8">
					{/* Company Info */}
					<div className="md:col-span-2">
						<img 
							src="./logo.png" 
							alt="Wastpol Logo" 
							className="h-12 mb-6 brightness-0 invert"
						/>
						<p className="text-gray-300 mb-6 leading-relaxed">
							Wastpol to kompleksowa firma elektryczna z ponad 20-letnim doświadczeniem 
							w projektowaniu i realizacji instalacji elektrycznych. Zaufało nam już ponad 4000 klientów.
						</p>
						<div className="flex space-x-4">
							<a 
								href="tel:18442022044" 
								className="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-semibold transition-colors"
							>
								Zadzwoń teraz
							</a>
							<a 
								href="mailto:biuro@wastpol.pl" 
								className="border border-gray-600 hover:border-gray-500 text-gray-300 hover:text-white px-6 py-2 rounded-lg font-semibold transition-colors"
							>
								Napisz email
							</a>
						</div>
					</div>

					{/* Services */}
					<div>
						<h4 className="text-lg font-semibold mb-6">Nasze Usługi</h4>
						<ul className="space-y-3 text-gray-300">
							<li>
								<a href="#uslugi" className="hover:text-white transition-colors">
									Projektowanie i Realizacja Sieci
								</a>
							</li>
							<li>
								<a href="#uslugi" className="hover:text-white transition-colors">
									Instalacje Elektryczne
								</a>
							</li>
							<li>
								<a href="#uslugi" className="hover:text-white transition-colors">
									Nadzory Inwestorskie
								</a>
							</li>
							<li>
								<a href="#uslugi" className="hover:text-white transition-colors">
									Pomiary i Ekspertyzy
								</a>
							</li>
						</ul>
					</div>

					{/* Contact Info */}
					<div>
						<h4 className="text-lg font-semibold mb-6">Kontakt</h4>
						<div className="space-y-3 text-gray-300">
							<div>
								<p className="font-medium text-white">Adres:</p>
								<p>Aleje Wolności 6, II piętro</p>
								<p>33-300 Nowy Sącz</p>
							</div>
							<div>
								<p className="font-medium text-white">Telefon:</p>
								<a href="tel:504066513" className="block hover:text-white transition-colors">
									504 066 513
								</a>
								<a href="tel:18442022044" className="block hover:text-white transition-colors">
									18 442 02 44
								</a>
							</div>
							<div>
								<p className="font-medium text-white">Email:</p>
								<a href="mailto:biuro@wastpol.pl" className="hover:text-white transition-colors">
									biuro@wastpol.pl
								</a>
							</div>
						</div>
					</div>
				</div>

				{/* Bottom Bar */}
				<div className="border-t border-gray-800 mt-12 pt-8">
					<div className="flex flex-col md:flex-row justify-between items-center">
						<p className="text-gray-400 text-sm">
							© {currentYear} Wastpol. Wszystkie prawa zastrzeżone.
						</p>
						<div className="flex space-x-6 mt-4 md:mt-0">
							<a href="/rodo" className="text-gray-400 hover:text-white text-sm transition-colors">
								Polityka Prywatności
							</a>
							<a href="/rodo" className="text-gray-400 hover:text-white text-sm transition-colors">
								RODO
							</a>
							<a href="#kontakt" className="text-gray-400 hover:text-white text-sm transition-colors">
								Kontakt
							</a>
						</div>
					</div>
				</div>
			</div>
		</footer>
	);
}