/* global React */

function LpFounder() {
  return (
    <section id="founder" className="lp-founder">
      <div className="smo-glow smo-glow--corner lp-founder__glow" />
      <div className="lp-founder__inner">
        <div className="reveal" style={{ maxWidth: "720px" }}>
          <p className="smo-eyebrow">From the operator</p>
          <h2 className="smo-h2" style={{ marginTop: "16px" }}>
            Why I run it <span className="smo-accent">this way</span>.
          </h2>
        </div>

        <div className="smo-glass smo-glass--hero lp-founder__card reveal" style={{ marginTop: "36px" }}>
          <div className="lp-founder__aside">
            <div className="lp-founder__avatar">R</div>
            <div>
              <div className="lp-founder__name">Rayyan Umer</div>
              <div className="lp-founder__role">Founder &amp; Operator</div>
            </div>
            <div className="lp-founder__sig">Rayyan</div>
          </div>
          <div className="lp-founder__body">
            <p>
              Most agencies sell you tasks. A funnel here, some ads there, a VA to glue it
              together, and the moment something breaks, it's <strong>back on your desk</strong>.
              The coach ends up managing the people who were supposed to free them up.
            </p>
            <p>
              I built Scale My Offer to own the <em>outcome</em>, not the task. We take the
              entire operation (backend, marketing, funnels, sales team, fulfillment) and we
              run it. On revenue share. So I only win when you do.
            </p>
            <p>
              That's why we stay small and why we diagnose before we build. With Jannis Moore,
              the real bottleneck wasn't the one he'd have named, and fixing it took him from
              <span className="smo-num"> $20K</span> to <span className="smo-num">$60K</span>/month
              inside the first month. <strong>I'd rather show you the system than shout about the screenshot.</strong>
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { LpFounder });