// About page
function PageAbout({ go }) {
  const S = window.SITE;
  return (
    <div className="page" data-screen-label="About">
      <div className="article">
        <div className="article-head">
          <div className="article-meta">About · A short biography</div>
          <h1 className="serif">A long way from <em>Hyderabad.</em></h1>
        </div>

        <p className="first">
          I was born and educated in India — a B. Tech in Computer Science from
          Osmania University (gold medalist), then an M. Tech from IIT Madras.
          My first job was writing C for a small startup; my last twenty years
          have been more or less the same exercise at progressively larger scales:
          read the spec, find the right abstraction, ship the thing, support it.
        </p>

        <p>
          The companies were Cisco, Broadcom, Ciena, Brocade, and then VMware,
          where I spent six years as a Technical Director in the central org —
          building Tanzu, rebuilding the partner ecosystem, watching a quarter
          of the industry pivot from on-prem to SaaS at the same time. Then,
          in 2023, I left to try a different shape of work: smaller teams,
          founders' rooms, the first hundred customers instead of the next
          hundred thousand.
        </p>

        <h2>What I'm working on now</h2>

        <p>
          Two things, mostly. <a className="link" href="https://kailasa.app" target="_blank" rel="noreferrer">Kailasa</a> is a
          conversational AI platform I've been building since early 2025 —
          part product, part personal experiment in what consumer-grade Gen AI
          actually looks like when memory, persona, and safety all have to hold
          together at the same time. <a className="link" href="https://codecircle.org" target="_blank" rel="noreferrer">CodeCircle</a> is
          a nonprofit on the other end of the spectrum: an intelligent tutoring
          system that teaches kids to code, with an LLM as the patient tutor I
          wish I had at twelve.
        </p>

        <blockquote>
          I've spent most of my career inside large companies. What I've learned
          is that the work I'm proudest of always came from small teams holding
          themselves to a higher standard than anyone was asking for.
        </blockquote>

        <h2>How I work</h2>

        <p>
          I'm an architect by title and a generalist by habit. I write code
          most days. I sketch on paper before I touch a keyboard. I read the
          runtime before I read the docs. I think the boring parts of a system
          — the deploy pipeline, the secret rotation, the on-call rota — are
          where the real product lives, and that ninety percent of senior
          engineering is taste, restraint, and saying no to good ideas.
        </p>

        <p>
          Outside of paid work I teach coding to kids on Saturdays, mostly
          Scratch and Python and a little Arduino. It's the most clarifying
          thing I do — there is no faking it in front of a ten-year-old.
        </p>

        <h2>If you'd like to talk</h2>

        <p>
          I take on a small number of advisory and fractional CTO engagements
          each year, mostly in Gen AI infrastructure, cybersecurity, and
          early-stage cloud platforms. <a className="link" href={S.links.linkedin} target="_blank" rel="noreferrer">LinkedIn</a> is the
          best place to reach me. <a className="link" href={S.links.email}>Email</a> works too.
        </p>

        <div className="spacer"></div>
        <hr className="rule" />
        <div className="spacer-s"></div>
        <div className="flex gap-m" style={{justifyContent: 'space-between', flexWrap: 'wrap'}}>
          <button className="btn ghost" onClick={() => go("resume")}>
            Read the resume <span className="arrow">→</span>
          </button>
          <a className="btn" href={S.links.linkedin} target="_blank" rel="noreferrer">
            Get in touch <span className="arrow">↗</span>
          </a>
        </div>
      </div>
    </div>
  );
}

window.PageAbout = PageAbout;