// About page
function PageAbout() {
  return (
    <div className="page" data-page="about" data-screen-label="04 About">
      <div style={{ display: 'flex', alignItems: 'baseline', justifyContent: 'space-between', marginBottom: 18 }}>
        <div>
          <div style={{ fontSize: 10, color: 'var(--ink-dimmer)', letterSpacing: '.18em', textTransform: 'uppercase' }}>⦿ 04 · bio</div>
          <h2 style={{ fontFamily: 'var(--f-display)', fontSize: 40, fontWeight: 800, letterSpacing: '-.03em', margin: '8px 0 0', color: 'var(--ink)' }}>
            An academic <span style={{ fontFamily: 'var(--f-serif)', fontStyle: 'italic', color: 'var(--accent-amber)', fontWeight: 400 }}>turned</span> founder.
          </h2>
        </div>
        <div style={{ color: 'var(--ink-dim)', fontSize: 11 }}>dublin · IE · indian-origin</div>
      </div>

      <div className="about-layout">
        <div className="panel bio-panel">
          <div className="bio-lede">
            PhD computer scientist turned founder. I spent four years at <em>Lero / DCU</em> studying
            how software teams turn raw usage data into good product decisions, in collaboration with
            <em> IBM Research Labs Ireland</em>.<br/><br/>
            Today I co-run <em>Kato AI</em> as CTO and advise <em>PilotPath</em> as fractional CTO,
            alongside a parallel pipeline of research and product work: <em>MoniSub</em>, <em>BACoRe</em>,
            <em> MEMDIC</em>, and tooling that complements the way I actually work.
            <br/><br/>
            <span className="mute">I publish at ACM ICMR's Lifelog Search Challenge and Springer venues, and spend the edges on behavioural analytics, local AI, and agent orchestration. Systematic validation before I build, fast shipping once the signal is clear.</span>
          </div>

          <div className="bio-grid">
            <div className="bio-stat">
              <div className="n">4<span className="sup">yrs</span></div>
              <div className="l">PhD · Lero / DCU</div>
            </div>
            <div className="bio-stat">
              <div className="n">85<span className="sup">+ cit.</span></div>
              <div className="l">Google Scholar · Apr 2026</div>
            </div>
            <div className="bio-stat">
              <div className="n">3<span className="sup">awards</span></div>
              <div className="l">DCU · TII · Tech Excellence</div>
            </div>
            <div className="bio-stat">
              <div className="n">1<span className="sup">invention</span></div>
              <div className="l">w/ IBM Research Ireland</div>
            </div>
          </div>

          <div style={{ marginTop: 28, display: 'flex', gap: 10, flexWrap: 'wrap' }}>
            <a href="#" className="contact-socials-a" style={{ display: 'inline-flex', alignItems: 'center', gap: 10, padding: '10px 16px', border: '1px solid var(--line)', borderRadius: 4, fontFamily: 'var(--f-mono)', fontSize: 12 }}>
              ⬇ Download CV (PDF)
            </a>
            <span className="badge">ACM ICMR · LSC</span>
            <span className="badge">Springer CCIS · CHIRA</span>
            <span className="badge">UKAIS · SMARTGREENS</span>
            <span className="badge amber">DCU Commercialization '17</span>
            <span className="badge amber">TII Finalist '18</span>
            <span className="badge amber">Tech Excellence Finalist '19</span>
          </div>
        </div>

        <div style={{ display: 'flex', flexDirection: 'column', gap: 14 }}>
          <div className="panel">
            <div className="panel-head"><span style={{ display: 'flex', alignItems: 'center', gap: 8 }}><span className="ph-dot" /><span className="ph-title">TIMELINE</span></span><span style={{ color: 'var(--ink-dimmer)' }}>DESC</span></div>
            <div className="panel-body timeline" style={{ padding: 18 }}>
              <div className="timeline-row"><span className="yr">2026 →</span><span className="bullet" /><div className="tx">Fractional CTO, PilotPath PACIFIC<span className="sub">aviation training · IE · UK · USA · sole trader</span></div></div>
              <div className="timeline-row"><span className="yr">2025 →</span><span className="bullet" /><div className="tx">Co-founder & CTO, Kato AI<span className="sub">w/ Mark Kelly (CEO) · Matthew Conlan (CPO)</span></div></div>
              <div className="timeline-row"><span className="yr">·</span><span className="bullet" /><div className="tx">Technical Lead & Researcher, ADAPT Centre<span className="sub">SFI Research Centre, Dublin</span></div></div>
              <div className="timeline-row"><span className="yr">·</span><span className="bullet" /><div className="tx">Assistant Professor & Researcher, DCU<span className="sub">School of Computing</span></div></div>
              <div className="timeline-row"><span className="yr">·</span><span className="bullet" /><div className="tx">Co-founder, MEMDIC<span className="sub">sensor-to-dashboard · wearable consumer analytics</span></div></div>
              <div className="timeline-row"><span className="yr">2020</span><span className="bullet" /><div className="tx">PhD, Usage Analytics<span className="sub">Lero · DCU · supervised by Helfert, Bezbradica, Dang-Nguyen</span></div></div>
              <div className="timeline-row"><span className="yr">2019</span><span className="bullet" /><div className="tx">Tech Excellence Awards<span className="sub">finalist</span></div></div>
              <div className="timeline-row"><span className="yr">2018</span><span className="bullet" /><div className="tx">Technology Ireland Industry Awards<span className="sub">finalist</span></div></div>
              <div className="timeline-row"><span className="yr">2017</span><span className="bullet" /><div className="tx">DCU President's Commercialization Award<span className="sub">recognition for research impact</span></div></div>
              <div className="timeline-row"><span className="yr">2016</span><span className="bullet" /><div className="tx">PhD start · IBM Research Labs Ireland collab<span className="sub">invention in software analytics</span></div></div>
              <div className="timeline-row"><span className="yr">2015</span><span className="bullet" /><div className="tx">MEng, Information & Network Security<span className="sub">University of Limerick · cloud forensics thesis</span></div></div>
            </div>
          </div>

          <div className="panel">
            <div className="panel-head"><span style={{ display: 'flex', alignItems: 'center', gap: 8 }}><span className="ph-dot" /><span className="ph-title">AFFILIATIONS & COLLABORATORS</span></span></div>
            <div className="panel-body" style={{ display: 'flex', flexDirection: 'column', gap: 10, fontSize: 12 }}>
              <div className="kv"><span className="k">Lero</span><span className="v">SFI Research Centre for Software</span></div>
              <div className="kv"><span className="k">DCU</span><span className="v">School of Computing</span></div>
              <div className="kv"><span className="k">ADAPT</span><span className="v">SFI Research Centre, Dublin</span></div>
              <div className="kv"><span className="k">UL</span><span className="v">University of Limerick</span></div>
              <div className="kv"><span className="k">IBM</span><span className="v">Research Labs Ireland</span></div>
              <div style={{ borderTop: '1px dashed var(--line)', margin: '8px 0 4px' }} />
              <div style={{ fontSize: 10, color: 'var(--ink-dimmer)', letterSpacing: '.14em', textTransform: 'uppercase', marginBottom: 4 }}>Co-authors (selected)</div>
              <div style={{ color: 'var(--ink-dim)', lineHeight: 1.6 }}>
                Prof. Markus Helfert · Dr. Marija Bezbradica · Dr. Duc-Tien Dang-Nguyen ·
                Prof. Cathal Gurrin · Dr. Graham Healy
              </div>
              <div style={{ borderTop: '1px dashed var(--line)', margin: '8px 0 4px' }} />
              <div className="kv"><span className="k">ORCID</span><span className="v accent">0000-0001-5505-9593</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
Object.assign(window, { PageAbout });