Framed Panels Footer Block for React

The block uses one solid hairline style, the same as every other block, so a footer stacked under a hero or pricing section reads as part of one drawing. The slug keeps its old name so existing links keep working; the emphasis comes from each panel's overshooting frame and the icon tile above its links.

Edit the arrays at the top of the file: GROUPS (each an icon, a title and its links) and LEGAL; icons come from your icon set. 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 panels sit in one nav labelled Footer, each a small h2 over a list. The icon tiles are decorative and hidden from screen readers. Every link shows the theme's focus ring when reached by keyboard.

The panels stack one under another with room between their frames, then the legal band, with the copyright above the policy links. 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.