/* Footer, light theme, compact. */
function Footer() {
  return (
    <footer style={{ borderTop: "1px solid var(--mist)", padding: "48px 0 24px", background: "var(--pearl)" }}>
      <div className="container">
        <div style={{ display: "grid", gridTemplateColumns: "minmax(0, 1.4fr) repeat(3, minmax(0, 1fr))", gap: 32 }} className="foot-grid">
          <div>
            <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
              <I.Mark s={20} />
              <span style={{ fontFamily: "'DM Serif Display', Georgia, 'Times New Roman', serif", fontSize: 18, fontWeight: 400, color: "var(--ink)" }}>Direct Property Finance</span>
            </div>
            <p className="body" style={{ marginTop: 14, maxWidth: 360, fontSize: 13, lineHeight: 1.55 }}>
              A property capital platform helping brokers and developers identify suitable private credit and non-bank funding pathways across Australian property transactions.
            </p>
            <div className="small" style={{ marginTop: 14 }}>45/55 Collins Street, Melbourne VIC · working nationally</div>
          </div>
          <FootCol title="Site" items={[["Platform","index.html"],["Our Services","services.html"],["Our Process","process.html"],["About","about.html"],["Contact","contact.html"]]} />
          <FootCol title="Action" items={[["Begin assessment","assessment.html"],["General enquiry","contact.html"]]} />
          <FootCol title="Legal" items={[["Disclaimer","legal.html#disclaimer"],["Terms","legal.html#terms"],["Privacy","legal.html#privacy"]]} />
        </div>
        <div className="rule" style={{ margin: "28px 0 14px" }}/>
        <div style={{ display: "flex", justifyContent: "space-between", gap: 24, flexWrap: "wrap" }}>
          <p className="small" style={{ maxWidth: 820, lineHeight: 1.55, margin: 0 }}>
            Direct Property Finance does not guarantee funding, provide credit approval, or act as the lender. Any indicative pathway, lender profile or funding outcome shown on this website is preliminary only and remains subject to lender assessment, due diligence, valuation, credit approval and legal documentation.
          </p>
          <div className="small">© 2026 Direct Property Finance · AU</div>
        </div>
      </div>
      <style>{`
        @media (max-width: 900px) { .foot-grid { grid-template-columns: 1fr 1fr !important; gap: 24px !important; } }
        @media (max-width: 520px) { .foot-grid { grid-template-columns: 1fr !important; } }
      `}</style>
    </footer>
  );
}
function FootCol({ title, items }) {
  return (
    <div>
      <div className="serif-em" style={{ fontSize: 14, color: "var(--ink)" }}>{title}</div>
      <div style={{ display: "flex", flexDirection: "column", gap: 7, marginTop: 12 }}>
        {items.map(([label, href]) => (
          <a key={label} href={href} style={{ fontSize: 13, color: "var(--carbon)" }}>{label}</a>
        ))}
      </div>
    </div>
  );
}
window.Footer = Footer;