Stacked Bands Footer Block for React

Each band is one div inside the page column. The first holds the brand and PAGES, the second SOCIAL, the third LEGAL. To drop a band, delete its div; the others keep their rule because each draws its own top rule with Guides. Keep the last band without a rule underneath.

The icon set has no brand logos, and a row of unlabelled glyphs leaves people guessing where each one leads. The text is the accessible name and the visible label. To use the networks' own marks, swap the icon in SOCIAL and keep the label.

This footer has none: a language switch is its own block (see the language selector footer). The three bands are the layout, and the footer stays plain links.

The block is a footer, the page's content-info landmark when placed outside main. The pages sit in a nav named Footer; the social links and the policy links are lists named Follow Vellichor and Legal, so each is announced with its count.

The bands stack in the same order: the brand with its sentence, the pages in a wrapping row, the social links in a wrapping row, then the legal row with the copyright above the policies. Nothing scrolls sideways at 320 pixels.