// Footer — addresses, phones, brand mark.

const Footer = () => (
  <footer style={{ background: "var(--ink)", color: "var(--bone)" }}>
    <div className="footer-grid section-pad" style={{ maxWidth: 1280, margin: "0 auto", padding: "64px 56px 32px" }}>
      <div>
        <div style={{ display: "flex", alignItems: "center", gap: 10, marginBottom: 16 }}>
          <img src="assets/claw-red.png" alt="" style={{ height: 32 }} />
          <span style={{ font: "700 22px/1 var(--font-display)", letterSpacing: ".18em" }}>HUNTER</span>
        </div>
        <p style={{ font: "400 13px/1.6 var(--font-body)", color: "var(--steel-3)", margin: 0, maxWidth: 320 }}>
          Hunter Invest LTD. Sixty years of construction expertise. Manpower, equipment, structural steel, and project delivery across Europe and the Middle East.
        </p>
      </div>
      <div>
        <div style={{ font: "600 11px/1 var(--font-mono)", letterSpacing: ".18em", color: "var(--steel-2)", marginBottom: 14 }}>SOFIA · HQ</div>
        <div style={{ font: "500 13px/1.7 var(--font-body)", color: "var(--bone)" }}>
          Hristina Morfova Str. 52<br/>Entrance B, Apt 2<br/>1415 Sofia, Bulgaria
        </div>
        <div style={{ font: "500 11px/1.6 var(--font-mono)", color: "var(--steel-3)", marginTop: 10 }}>VAT BG205076885</div>
      </div>
      <div>
        <div style={{ font: "600 11px/1 var(--font-mono)", letterSpacing: ".18em", color: "var(--steel-2)", marginBottom: 14 }}>PLOVDIV</div>
        <div style={{ font: "500 13px/1.7 var(--font-body)", color: "var(--bone)" }}>
          Georgi Benkovski Str. 35<br/>Plovdiv 4000
        </div>
      </div>
      <div>
        <div style={{ font: "600 11px/1 var(--font-mono)", letterSpacing: ".18em", color: "var(--steel-2)", marginBottom: 14 }}>CONTACT</div>
        <div style={{ font: "500 13px/1.9 var(--font-mono)", color: "var(--bone)" }}>
          BG +359 88 251 2110<br/>NL +31 6 27489622
        </div>
        <div style={{ font: "500 12px/1.7 var(--font-mono)", color: "var(--bone)", marginTop: 10 }}>
          metin.gurel@hunterinvestltd.com<br/>alp.gurel@hunterinvestltd.com
        </div>
      </div>
    </div>
    <div className="footer-bottom section-pad" style={{
      borderTop: "1px solid var(--border-on-dark)",
      padding: "20px 56px",
      maxWidth: 1280, margin: "0 auto",
      font: "500 11px/1 var(--font-mono)", color: "var(--steel-2)", letterSpacing: ".06em",
    }}>
      <span>© 2026 HUNTER INVEST LTD. ALL RIGHTS RESERVED.</span>
      <span>BUILT IN BULGARIA</span>
    </div>
  </footer>
);

Object.assign(window, { Footer });