// contact.jsx — Contact page.

function Contact({ go }) {
  const t = useT();

  return (
    <section className="block">
      <div className="wrap-wide">

        {/* ── Heading ── */}
        <div className="sect-head">
          <div className="num">§ 05</div>
          <div>
            <div className="meta" style={{ marginBottom: 10 }}>{t("nav.contact")}</div>
            <h2>{t("ft.contact")}</h2>
          </div>
        </div>

        {/* ── Contact cards ── */}
        <div className="ct-grid">

          <div className="ct-card">
            <div className="ct-label">{t("ft.hq")}</div>
            <div className="ct-value">{t("ft.hq_addr")}</div>
          </div>

          <div className="ct-card">
            <div className="ct-label">{t("ft.sales_asia")}</div>
            <div className="ct-value">
              <a href="tel:+8618361463621">+86 183 6146 3621</a>
              <a href="mailto:wadezhang1987@gmail.com">wadezhang1987@gmail.com</a>
            </div>
          </div>

          <div className="ct-card">
            <div className="ct-label">WeChat / WhatsApp</div>
            <div className="ct-value">
              <span>+86 183 6146 3621</span>
            </div>
          </div>

        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Contact });