Single Quote Footer Block for React

Edit the QUOTE object at the top of the file: the text, the speaker's name, initials, role and company. Keep it to one or two sentences so the quote stays beside the links without growing the footer; the text is capped at a readable width.

Yes. The speaker's picture is the catalog Avatar: add an AvatarImage with the photo's src before the fallback, and keep the initials as the fallback. The Avatar is hidden from assistive technology because the name sits next to it.

The block is a footer element. The quote is a figure holding a blockquote and a figcaption with the speaker, so it is read as a quote with its attribution. The links sit in one nav labelled Footer, each group with an h2. The quote is not a heading and the footer has no landmark of its own for it.

The quote and the speaker come first so the quote is on the first screen, then a rule, then the wordmark, the sentence and the link groups two across, then the legal band. Nothing scrolls sideways at 320 pixels.

Yes. The quote sits in a bdi so its quotation marks stay with it, the split flips so the quote is at the start, and the divider and marks follow. The wordmark is held left to right.