Act as a web designer who reads footers. Rebuild the footer for {{business_name}}. Main pages: {{key_pages}}. Main action: {{call_to_action}}. Edit the existing footer component and reuse tokens. What it holds, in this order of importance: 1. One line on what we do and the main action as a button 2. Contact: phone (tel: link), email (mailto), address with a directions link, and hours if we have a place people visit; name, address and phone written exactly as on our Google Business Profile 3. Link groups, 3 or 4 at most, each with a short heading, from the main pages 4. Newsletter signup only if we actually send one 5. Social links with accessible names ("Instagram"), not icon-only mystery 6. Legal: privacy, terms, accessibility statement, cookie settings link if there's a banner; copyright with the year set automatically Semantics: a footer landmark; link groups inside a nav labeled "Footer"; group headings as h2s styled small; address in an address element. Layout: - 360: single column, action first, contact second, then link groups in 2 columns, 44px row height - 768: 2 by 2 grid - 1280: 12 columns: brand and action 4, link groups 2 each, contact 2 Padding 48 / 64 / 80px; a 1px divider above the legal row. Type: body 15px, headings 13px uppercase with 0.06em tracking or 14px weight 600; dark footers fail contrast often, so check every link at 4.5:1. States: hover underline, focus-visible ring visible on the footer background, active; long addresses and translated labels wrap. Motion: none. Avoid: 40 keyword-stuffed links, a second copy of the full nav, a stale copyright year, "Made with love" filler, social icons with no labels, tiny gray text.