QR Install Footer Block for React

It encodes APP_URL (https://pedalhurst.example/install in the demo). Replace that string with your install page and the code changes with it. The store buttons are separate links; they do not use the code's address.

A camera reads a dark code on a light tile. The QR frame is drawn that way, and this block does not paint over it. The wordmark, the type and the rules follow your theme. Nothing sets a dark scope on the footer.

They are links with href="#". Point "Download for iOS" and "Download for Android" at the stores, or at the same install page as the code. Each button renders an anchor through render, with nativeButton off.

Edit GROUPS (Ride and Help) and LEGAL. Every column link is a plain anchor with href="#". The code's address is APP_URL, separate from those links. The frame's accessible name is "QR code for the Pedalhurst install page"; change it if the product name changes.

The wordmark, the sentence and the code come first, then a rule, then the two store buttons (they wrap if they need to), then the two link columns, then the legal row. From lg the code sits beside the stores and the columns, and the divider runs through the legal band. 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.