Legal Strip Footer Block for React

Edit the LEGAL array: each entry is a label and an href. The strip is built for five on desktop; for another count change sm:grid-cols-5 to match, and on phones an odd last link spans both columns by itself.

The details your jurisdiction asks for on a business site: the registered company name, where it is registered, the company number, the registered office and any tax number. The ones in the block are invented. Wrap numbers in bdi, as the block does, so they read correctly in a right-to-left page.

No. It is the layout for the information, not legal advice: what must appear, and where, depends on the country and the kind of business, so check with whoever advises you.

The block is a footer, the page's content-info landmark when placed outside main. The five links are a list in a nav named Footer, and the entity line is a small of plain text that is read in order. Every cell is a link with the theme's focus ring drawn inside the cell.

The strip is two cells across in three rows, the last one full width; then the wordmark and the entity line stack. The text wraps and nothing scrolls sideways at 320 pixels.