function Footer() {
  return (
    <footer style={{background: "var(--ink-900)", color: "rgba(255, 255, 255, 0.78)", padding: "72px 32px 32px"}}>
      <div style={{maxWidth: 1200, margin: "0 auto", display: "grid", gridTemplateColumns: "1.4fr 1fr 1fr 1fr", gap: 48}}>
        <div>
          <Wordmark inverse size={46}/>
          <p style={{marginTop: 20, fontSize: 14, lineHeight: 1.6, maxWidth: 320, color: "rgba(255, 255, 255, 0.65)"}}>
            Premium lawn care and paver hardscaping across Westchester County, NY — since 2006. Licensed, insured, and certified.
          </p>
          <div style={{marginTop: 18, fontSize: 14, color: "rgba(255, 255, 255, 0.72)"}}>
            <div>42 Old Post Rd, Bedford NY 10506</div>
            <div>914-555-0199 · hello@lawnsandpavers.com</div>
            <div>Mon–Sat, 7am–6pm</div>
          </div>
        </div>
        {[
          {h: "Services", items: ["Paver patios", "Paver driveways", "Retaining walls", "Pool decks", "Lawn care programs", "Pest & tick control"]},
          {h: "Service areas", items: ["Yorktown Heights", "Somers", "Bedford", "Katonah", "Chappaqua", "Armonk", "Mount Kisco", "Pleasantville", "Ossining"]},
          {h: "Credentials", items: ["ICPI/CMHA Certified Installer", "NYSDEC Cat. 3A / 3B", "Unilock Authorized Contractor", "Techo-Pro Elite", "NY Home Improvement #H-18472-H4", "BBB A+ accredited"]},
        ].map((col, ci) => (
          <div key={ci}>
            <div style={{fontSize: 11, fontWeight: 700, letterSpacing: "0.22em", textTransform: "uppercase", color: "#9FC7AE"}}>{col.h}</div>
            <ul style={{listStyle: "none", padding: 0, margin: "14px 0 0", display: "grid", gap: 8, fontSize: 14}}>
              {col.items.map(it => <li key={it}><a style={{color: "inherit", textDecoration: "none"}}>{it}</a></li>)}
            </ul>
          </div>
        ))}
      </div>
      <div style={{maxWidth: 1200, margin: "48px auto 0", paddingTop: 24, borderTop: "1px solid rgba(255, 255, 255, 0.12)", display: "flex", justifyContent: "space-between", flexWrap: "wrap", gap: 12, fontSize: 12, color: "rgba(255, 255, 255, 0.55)"}}>
        <div>© 2026 Lawns and Pavers LLC. All rights reserved.</div>
        <div style={{display: "flex", gap: 18}}>
          <a style={{color: "inherit", textDecoration: "none"}}>Privacy</a>
          <a style={{color: "inherit", textDecoration: "none"}}>Terms</a>
          <a style={{color: "inherit", textDecoration: "none"}}>Accessibility</a>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;