/* Finance Family site — shared footer (contact + compliance). */
(function () {
  function SiteFooter({ base = "" }) {
    const { Logo, Button } = window.FinanceFamilyDesignSystem_66efc3;
    const Icon = window.Icon;
    const cols = [
      { h: "Home loans", links: [["First home buyers", "/#services"], ["Refinancing", "/#services"], ["Investment loans", "/#services"], ["Construction", "/#services"], ["SMSF lending", "/#services"]] },
      { h: "Tools", links: [["Borrowing power", "/calculators"], ["Repayments", "/calculators"], ["Stamp duty", "/calculators"], ["Refinance savings", "/calculators"]] },
      { h: "Company", links: [["About us", "/#about"], ["Our brokers", "/#team"], ["Reviews", "/#reviews"], ["FAQs", "/faq"], ["Refer a friend", "/refer"], ["Book a chat", "/book"]] },
    ];
    return (
      <footer className="bg-dark">
        <div className="container" style={{ paddingTop: 72, paddingBottom: 32 }}>
          <div className="footer-grid">
            <div>
              <Logo variant="horizontal" tone="white" base="/assets/logos" height={28} />
              <p style={{ fontFamily: "var(--font-body)", fontSize: 14.5, color: "rgba(255,255,255,0.62)", marginTop: 18, maxWidth: 300, lineHeight: 1.65 }}>
                Berwick's mortgage brokers — with a specialist for every situation. We compare 40+ lenders so you don't have to.
              </p>
              <div className="stack" style={{ gap: 12, marginTop: 22, fontFamily: "var(--font-body)", fontSize: 14.5, color: "rgba(255,255,255,0.8)" }}>
                <a href="tel:0389004699" style={{ display: "flex", alignItems: "center", gap: 10, textDecoration: "none", color: "inherit" }}><Icon name="phone" size={16} color="var(--mint-100)" /> (03) 8900 4699</a>
                <a href="mailto:hello@thefinancefamily.com.au" style={{ display: "flex", alignItems: "center", gap: 10, textDecoration: "none", color: "inherit" }}><Icon name="mail" size={16} color="var(--mint-100)" /> hello@thefinancefamily.com.au</a>
                <span style={{ display: "flex", alignItems: "flex-start", gap: 10 }}><Icon name="mapPin" size={16} color="var(--mint-100)" style={{ marginTop: 2 }} /> 2/9 Clyde Rd, Berwick VIC 3806</span>
                <span style={{ display: "flex", alignItems: "flex-start", gap: 10 }}><Icon name="clock" size={16} color="var(--mint-100)" style={{ marginTop: 2 }} /> Mon–Fri 8:30am–6pm · Sat 8:30am–12pm</span>
              </div>
              <div className="row gap-sm" style={{ marginTop: 18 }}>
                <span style={{ fontFamily: "var(--font-body)", fontSize: 12, fontWeight: 600, color: "rgba(255,255,255,0.6)", border: "1.5px solid rgba(255,255,255,0.18)", borderRadius: "var(--radius-pill)", padding: "5px 12px" }}>CAFBA member</span>
                <span style={{ fontFamily: "var(--font-body)", fontSize: 12, fontWeight: 600, color: "rgba(255,255,255,0.6)", border: "1.5px solid rgba(255,255,255,0.18)", borderRadius: "var(--radius-pill)", padding: "5px 12px" }}>FBAA member</span>
              </div>
            </div>
            {cols.map((c) => (
              <div key={c.h}>
                <h3 style={{ fontFamily: "var(--font-eyebrow)", fontWeight: 700, fontSize: 12.5, letterSpacing: "0.12em", textTransform: "uppercase", color: "#fff", marginBottom: 16 }}>{c.h}</h3>
                <ul style={{ listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: 11 }}>
                  {c.links.map(([l, href]) => (
                    <li key={l}><a href={href} style={{ fontFamily: "var(--font-body)", fontSize: 14.5, color: "rgba(255,255,255,0.65)", textDecoration: "none" }}
                      onMouseEnter={(ev) => (ev.currentTarget.style.color = "#fff")} onMouseLeave={(ev) => (ev.currentTarget.style.color = "rgba(255,255,255,0.65)")}>{l}</a></li>
                  ))}
                </ul>
              </div>
            ))}
          </div>
          <div style={{ marginTop: 48, paddingTop: 24, borderTop: "1.5px solid rgba(255,255,255,0.12)", fontFamily: "var(--font-body)", fontSize: 12.5, color: "rgba(255,255,255,0.5)", lineHeight: 1.7 }}>
            <p style={{ margin: "0 0 12px", maxWidth: 900 }}>
              THE FINANCE FAMILY PTY LTD · ABN 81 618 586 691 · ACN 618 586 691. Credit Representative of Connective · Australian Credit Licence 389328. This page provides general information only and has been prepared without taking into account your objectives, financial situation or needs. Consider whether it is appropriate for your circumstances; your full financial situation will need to be reviewed prior to acceptance of any offer or product. Subject to lenders' terms and conditions — fees, charges and eligibility criteria apply.
            </p>
            <div style={{ display: "flex", justifyContent: "space-between", flexWrap: "wrap", gap: 12 }}>
              <span>© {new Date().getFullYear()} The Finance Family. All rights reserved.</span>
              <span style={{ display: "flex", gap: 24 }}>
                <a href={"/privacy"} style={{ color: "inherit", textDecoration: "none" }}>Privacy Policy</a>
                <a href="#" onClick={(e) => e.preventDefault()} style={{ color: "inherit", textDecoration: "none" }}>Credit Guide</a>
                <a href="#" onClick={(e) => e.preventDefault()} style={{ color: "inherit", textDecoration: "none" }}>Compliments & Concerns</a>
              </span>
            </div>
          </div>
        </div>
      </footer>
    );
  }
  window.SiteFooter = SiteFooter;
})();