export default function Footer() {
  return (
    <footer className="bg-bg-dark text-white py-8 px-4 sm:px-6 lg:px-8">
      <div className="max-w-6xl mx-auto">
        <div className="flex flex-col md:flex-row justify-between items-center gap-4">
          <div className="text-center md:text-left">
            <h3 className="text-xl font-bold mb-1">Sebastian Fröhlich</h3>
            <p className="text-white/60 text-sm">Full-Stack Developer, technischer PO, Team Leader</p>
          </div>
          
          <div className="text-center md:text-right">
            <p className="text-white/80 font-semibold mb-2">Nicht alles hat ein Ende...</p>
            <a
              href="mailto:froehlich.sebastian@gmail.com?subject=Antwort - Ihre Bewerbung"
              className="inline-block px-6 py-2 bg-primary text-white font-semibold rounded-lg hover:bg-primary-dark transition-colors"
            >
              Jetzt Kontakt aufnehmen
            </a>
          </div>
        </div>
        
        <div className="mt-8 pt-8 border-t border-white/10 text-center text-white/60 text-sm">
          <p>&copy; {new Date().getFullYear()} Sebastian Fröhlich. Alle Rechte vorbehalten.</p>
        </div>
      </div>
    </footer>
  );
}
