import React from 'react';
import { Link } from 'react-router-dom';
import './Footer.css';

export default function Footer() {
  return (
    <footer id="kontakt" className="footer-section">
      <div className="cta-container app-container">
        <div className="cta-content glass-panel">
          <h2>Ihr habt ein spannendes Projekt?</h2>
          <p>Lasst uns gemeinsam herausfinden, wie wir eure Prozesse intelligenter machen können.</p>
          <a href="mailto:KIQ@d-hive.de" className="primary-button">Jetzt Kontakt aufnehmen</a>
        </div>
      </div>
      
      <div className="footer-bottom app-container">
        <div className="footer-logo">
          <img src="/logos/d-Hive_logo_transparent_crop.png" alt="d-HIVE" style={{ height: '50px', objectFit: 'contain' }} />
        </div>
        <div className="footer-links">
          <Link to="/impressum">Impressum</Link>
          <Link to="/datenschutz">Datenschutz</Link>
        </div>
        <div className="footer-copyright">
          &copy; {new Date().getFullYear()} dHIVE. Alle Rechte vorbehalten.
        </div>
      </div>
    </footer>
  );
}