'use client';

import Image from 'next/image';
import { footerLinks, footerCopyright } from '@/config/footer';

export const Footer = () => {
  return (
    <footer className="relative z-10 border-t border-white/10 backdrop-blur-sm">
      <div className="max-w-7xl mx-auto px-6 pt-12 pb-4">
        <div className="flex flex-col md:flex-row justify-between items-center gap-6">
          <div className="h-16 flex items-center">
            <Image
              src="/banatie-logo-horisontal.png"
              alt="Banatie Logo"
              width={200}
              height={60}
              className="h-full w-auto object-contain"
            />
          </div>
          <div className="flex gap-8 text-sm text-gray-400">
            {footerLinks.map((link) => (
              <a
                key={link.label}
                href={link.href}
                className="hover:text-white transition-colors"
              >
                {link.label}
              </a>
            ))}
          </div>
        </div>
        <div className="mt-8 text-center text-sm text-gray-500">{footerCopyright}</div>
      </div>
    </footer>
  );
};
