function Footer() {
  return (
    <footer style={{background: "var(--ink-900)", color: "rgba(255, 255, 255, 0.78)", paddingTop: 72, paddingBottom: 32}}>
      <div className="container grid-footer">
        <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, Jefferson Valley NY 10535</div>
            <div>914-299-3593 · 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", "Jefferson Valley", "Mohegan Lake", "Shrub Oak", "Putnam Valley", "Mahopac", "Carmel", "Somers", "Bedford", "Bedford Hills", "Katonah", "Chappaqua", "Mount Kisco", "Armonk", "Peekskill", "Cortlandt Manor", "Croton-on-Hudson", "Pleasantville", "Briarcliff Manor", "Ossining", "Sleepy Hollow", "Tarrytown"]},
          {h: "Credentials", items: ["ICPI/CMHA Certified Installer", "NYSDEC Cat. 3A", "Unilock Authorized Contractor", "Cambridge Authorized Installer", "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 className="container" style={{marginTop: 48, 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;