/* NRTR — a short, signed founder's note. Pre-launch trust lives on story. */
const { Eyebrow } = window.NRTRDesignSystem_47db9c;

function FounderNote() {
  return (
    <section style={{ background: "var(--surface-page)", position: "relative", overflow: "hidden" }}>
      <div
        data-reveal
        style={{ maxWidth: "760px", margin: "0 auto", padding: "clamp(64px,9vw,120px) var(--space-6)", textAlign: "center" }}
      >
        <Eyebrow center tracking="0.18em" style={{ fontSize: "11px" }}>A note from the founder</Eyebrow>
        <blockquote
          style={{
            fontFamily: "var(--font-display)",
            fontWeight: 400,
            fontSize: "clamp(1.5rem, 3vw, 2.35rem)",
            lineHeight: 1.3,
            letterSpacing: "-0.01em",
            color: "var(--text-strong)",
            margin: "24px 0 0",
            textWrap: "balance",
          }}
        >
          “I built NRTR because I needed it. After a back injury and years across more
          than ten clinics, I finally recovered with one pairing no one offered together —
          real one-on-one physical therapy and honest hot-and-cold contrast. So we made
          the place I couldn't find.”
        </blockquote>
        <div style={{ marginTop: "32px", display: "flex", flexDirection: "column", alignItems: "center", gap: "4px" }}>
          <span style={{ fontFamily: "var(--font-body)", fontStyle: "italic", fontSize: "18px", color: "var(--text-body)" }}>Jacob Kaltman</span>
          <span style={{ fontFamily: "var(--font-label)", fontSize: "10.5px", fontWeight: 500, letterSpacing: "0.14em", textTransform: "uppercase", color: "var(--text-muted)" }}>Founder</span>
        </div>
      </div>
    </section>
  );
}

window.FounderNote = FounderNote;