/* Story - warm, founder-voice "about" section */

function Story() {
  return (
    <section id="about">
      <div className="container">
        <Reveal>
          <div className="section-head">
            <span className="mono">01 / About</span>
            <h2>
              The gap between an average TAM and a great one isn't talent. <em>It's context.</em> So I built the layer that closes it.
            </h2>
          </div>
        </Reveal>

        <div className="story-grid">
          <Reveal delay={80}>
            <div className="story-body">
              <span className="story-eyebrow">The arc</span>
              <p className="lead">
                Seven years of enterprise Customer Success. Three years of nights and weekends teaching myself to ship.
                One year of building the thing those seven years were quietly telling me to build.
              </p>
              <p>
                I started as an account executive translating networking diagrams for executives at Lumen. I moved
                into implementation at PlanSource, where I learned what enterprise integration actually feels like
                under deadline. I went deeper at Medallia and then Zoom, where I owned an <strong style={{ color: "var(--fg)" }}>$8.4M ARR portfolio</strong> as
                a Senior TAM and watched, over and over, the same workflow eat my best people's mornings.
              </p>
              <p>
                Every Tuesday: open Zendesk, filter by account, skim tickets, switch to Salesforce, check the renewal
                date, hunt through Slack Connect, try to remember what changed last quarter. An hour of context
                reconstruction before any conversation that mattered. Eight times a week. Per account.
              </p>
              <blockquote className="callout-pull">
                Every TAM I knew spent the first hour of Tuesday rebuilding what they already knew.
              </blockquote>
              <p>
                In January 2026 I started building Quantesic. Not because I wanted to be a founder. Because the
                product I needed didn't exist, and the tools that came closest all stopped at the dashboard. I wanted
                synthesis. I wanted the pre-read. I wanted my Tuesday mornings back.
              </p>
              <p>
                What you're looking at is what I've shipped so far: a full enterprise SaaS platform (marketing site,
                customer web app, operator console, thirteen bidirectional integrations, RAG over Vertex AI), written
                from scratch and now in early customer hands. The rest of this page is the work, the math, and
                the receipts.
              </p>
            </div>
          </Reveal>
          <Reveal delay={140}>
            <figure className="about-portrait">
              <img src="assets/about-portrait.png" alt="Quintin Christopher, portrait" />
              <figcaption>
                <strong>Quintin Christopher</strong>
                <span>Orlando, FL</span>
              </figcaption>
            </figure>
          </Reveal>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Story });