Tinted Strip Legal Footer Block for React

The slug keeps its old name so existing links keep working. The strip is a tint of your theme's muted colour, so it is a little deeper than the page in a light theme and a little lighter in a dark one. Nothing forces a dark scope.

Edit the arrays at the top of the file: LEGAL, a list of labels and hrefs; add or drop links and the row adapts. Every link is a plain anchor with href="#": point each at its page, or swap the anchor for your router's link.

The block is a footer element: placed at the end of the page, outside main, it is the page's content-info landmark. The three links are a list inside a nav labelled Footer, so the landmark exists even though the footer has no link groups. Every link shows the theme's focus ring when reached by keyboard.

The row stacks: the mark and copyright first, the three links under them, wrapping if they need to. Nothing scrolls sideways at 320 pixels.

It is the current year, read when the footer renders, so it never goes stale. The block is a server component with no state, so on a server-rendered site the year is the server's when the page was built or rendered.