Footer

Abschluss mit Marke, Beschreibung, beliebig vielen Linkspalten und einer Legal-Zeile. Links nutzen denselben injizierbaren Renderer wie die Navigation.

Live-Beispiel

Vorschau

Desktop, Tablet und Mobil über den Umschalter in der Kopfzeile. Unterhalb von 768 px greifen die echten Media-Queries im Rahmen.

Code

Der Block bringt keine Datenlogik mit; Inhalte kommen über Props. Links lassen sich über renderLink an den Router der App anschließen.

footer.tsxtsx

import { Footer } from '@lukasfend/ui/blocks/marketing';

export function Fuss() {
  return (
    <Footer
      description="Dienstplanung für Teams im Gesundheitswesen."
      columns={[
        {
          title: 'Produkt',
          links: [{ label: 'Dienstplanung', href: '#dienstplanung' }],
        },
      ]}
      legal="© 2026 fend"
    />
  );
}