function AimsFooter({ base = "" }) {
  return (
    <footer style={{ background: "var(--bg-invert)", color: "var(--neutral-300)", marginTop: 0 }}>
      <div style={{ maxWidth: 1200, margin: "0 auto", padding: "48px 24px 32px", display: "grid", gridTemplateColumns: "2fr 1fr 1fr", gap: 32 }} className="aims-footer-grid">
        <div>
          <img src={base + "assets/logo/aims-logo-reverse.png"} alt="AI Medical Science — medsci.ai" style={{ height: 24, width: "auto", display: "block", marginBottom: 10 }} />
          <p style={{ fontSize: 13, lineHeight: 1.6, maxWidth: 380, margin: 0, color: "var(--neutral-300)" }}>
            U.S.-based medical science services and clinical AI. A subsidiary of{" "}
            <a href="https://www.medscihealthcare.com" style={{ color: "var(--brand-primary-300)" }}>MedSci Healthcare (2415.HK)</a>.
          </p>
          <p style={{ fontSize: 12, color: "var(--neutral-500)", marginTop: 16 }}>AI-Enabled. Physician-Verified. Globally Ready.</p>
        </div>
        <div>
          <div style={{ fontSize: 12, letterSpacing: "0.1em", textTransform: "uppercase", color: "var(--neutral-500)", marginBottom: 12 }}>Services</div>
          {[["Physician Research", "services/physician-research.html"], ["Medical Evidence", "services/medical-evidence.html"], ["Medical Communications", "services/medical-communications.html"], ["Physician Engagement", "services/physician-engagement.html"], ["AI Products", "services/ai-products.html"]].map(([t, h]) => (
            <a key={t} href={base + h} style={{ display: "block", fontSize: 13, color: "var(--neutral-300)", textDecoration: "none", marginBottom: 8 }}>{t}</a>
          ))}
        </div>
        <div>
          <div style={{ fontSize: 12, letterSpacing: "0.1em", textTransform: "uppercase", color: "var(--neutral-500)", marginBottom: 12 }}>Company</div>
          <a href={base + "contact.html"} style={{ display: "block", fontSize: 13, color: "var(--neutral-300)", textDecoration: "none", marginBottom: 8 }}>Contact</a>
          <a href="https://www.medscihealthcare.com" style={{ display: "block", fontSize: 13, color: "var(--neutral-300)", textDecoration: "none", marginBottom: 8 }}>MedSci Healthcare Group</a>
        </div>
      </div>
      <div style={{ borderTop: "1px solid rgba(255,255,255,0.12)" }}>
        <div style={{ maxWidth: 1200, margin: "0 auto", padding: "16px 24px", fontSize: 12, color: "var(--neutral-500)" }}>
          © 2026 AI Medical Science Inc. All rights reserved.
        </div>
      </div>
    </footer>
  );
}