/* Trust — social proof image + CTA footer */

function Trust() {
  return (
    <section className="section" id="trust" style={{ padding: 0, borderTop: "1px solid var(--ss-grey-5)" }}>
      <img
        src="assets/advisors-social-proof.png"
        alt="Built by a world-class team, guided by leading healthcare advisors"
        style={{ width: "100%", height: "auto", display: "block" }}
      />
    </section>
  );
}

function CtaFooter() {
  return (
    <section className="cta" data-screen-label="07 CTA">
      <div className="wrap">
        <h2 className="cta__big">
          <em>See what Superscript can do for you</em> in 2 weeks.
        </h2>

        <div className="cta__row">
          <div style={{ color:"var(--ss-grey-3)" }}>
            <div style={{ color:"var(--ss-white)", marginBottom: 6 }}>HELLO@SUPERSCRIPT.NYC</div>
            <div>NYC · 20 / 26</div>
          </div>
          <div style={{ display:"flex", gap: 12 }}>
            <a href="mailto:hello@superscript.nyc" className="cta__btn">
              Book a demo →
            </a>
          </div>
        </div>

        <div style={{ marginTop: 80, paddingTop: 24, borderTop:"1px solid #222",
                      display:"flex", justifyContent:"space-between", gap: 20,
                      fontFamily:"var(--font-mono)", fontSize: 11,
                      color:"var(--ss-grey-2)", letterSpacing:"-0.03em",
                      textTransform:"uppercase" }}>
          <span>SUPERSCRIPT · CASE STUDY · MEDRITE URGENT CARE</span>
          <span>NYC · NJ · FL · 25+ LOCATIONS</span>
          <span>v2 · 26 JUN 2024</span>
        </div>
      </div>
    </section>
  );
}

window.Trust = Trust;
window.CtaFooter = CtaFooter;