/* global React */
function Footer() {
  return (
    <footer className="dp-footer">
      <div className="dp-footer__grid">
        <div className="dp-footer__brand">
          <img className="dp-footer__logo" src="assets/PostenLogo.png" alt="DiePostenProfis" />
          <p style={{ fontSize: 14, lineHeight: 1.6, color: 'rgba(255,255,255,.66)', maxWidth: 320 }}>
            Restposten, Insolvenzware und Lagerauflösungen — direkt vom Großhändler. Seit 2009.
          </p>
        </div>
        <div className="dp-footer__col">
          <h5>Sortiment</h5>
          <a href="#">Aktuelle Posten</a>
          <a href="#">Kategorien</a>
          <a href="#">Newsletter</a>
          <a href="#">Archiv</a>
        </div>
        <div className="dp-footer__col">
          <h5>Service</h5>
          <a href="#">Für Händler</a>
          <a href="#">Versand &amp; Zahlung</a>
          <a href="#">Mengenrabatte</a>
          <a href="#">FAQ</a>
        </div>
        <div className="dp-footer__col">
          <h5>Unternehmen</h5>
          <a href="#">Über uns</a>
          <a href="#">Kontakt</a>
          <a href="#">Impressum</a>
          <a href="#">Datenschutz</a>
        </div>
      </div>
      <div className="dp-footer__bottom">
        <span>© 2026 DiePostenProfis · Alle Preise zzgl. gesetzlicher MwSt.</span>
        <div className="dp-footer__social">
          <a href="#" aria-label="Instagram">IG</a>
          <a href="#" aria-label="Facebook">Fb</a>
          <a href="#" aria-label="LinkedIn">in</a>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;