Feature Promise Grid Footer Block for React

Edit PROMISES at the top of the file: each is a promise (one sentence), an icon (any Lucide icon), the href it links to and about, the topic that finishes the link's accessible name. Keep each to one line of thought: they sit three across from lg, and past about 60 characters a promise wraps to three lines.

No. Each link carries a visually hidden ending, so it reads "Learn more about data and privacy", "Learn more about importing" and so on, and a list of links says what each one is. The arrow is decorative and hidden from assistive technology.

The block is a footer element, the page's content-info landmark when placed outside main. Each promise is an h2 in a list, so a heading jump lands on the three promises and then the two link columns. The two columns sit in a nav labelled Footer, and the policy links are a list named Legal.

Edit GROUPS (each a title and links) and LEGAL. Every link is an anchor with href="#": point each at its page or use your router's link. Two columns of five are the budget for the end of the band; three would need the grid's template changed.

Below lg the promises stack as compact rows (the icon beside its sentence and link) so the link columns still start on the first screen; then the brand, then the two columns side by side, then the legal band. Nothing scrolls sideways at 320 pixels.