// === Experience timeline ===
const EXPERIENCE = [
  {
    year: "Oct 2024 —",
    role: "Data Manager",
    org: "UQ Poche Centre for Indigenous Health",
    where: "Brisbane, AU",
    body: "I lead data governance and analytics for multi-site Indigenous health research — building executive dashboards, SQL infrastructure and data-quality frameworks that turn complex longitudinal datasets into insight for community partners, researchers and government. I also mentor and lead the data operations team.",
  },
  {
    year: "2024 — 2025",
    role: "Senior Research Assistant",
    org: "The University of Queensland",
    where: "Brisbane, AU",
    body: "Ran advanced analytics and data-science research supporting institutional decisions — building interactive data-visualisation tools and automated pipelines, and translating research questions into analytical frameworks for diverse audiences.",
  },
  {
    year: "2017 — 2021",
    role: "Software Developer",
    org: "Tectum Technologies Pvt Ltd",
    where: "Indore, IN",
    body: "Led cross-functional teams delivering complex web and data-driven applications — improving team performance by 90% through agile practice and mentorship, architecting scalable AWS infrastructure and ETL, and lifting software quality by 25% with robust testing frameworks.",
  },
  {
    year: "2023",
    role: "Master of Data Science",
    org: "The University of Queensland",
    where: "Brisbane, AU",
    body: "Deepened my foundations in statistics, machine learning and data engineering — and graduated with the UQ Employability Award and UQ Future Leader Award.",
  },
  {
    year: "2017",
    role: "B.E. Information Technology",
    org: "IET, DAVV",
    where: "Indore, IN",
    body: "Where it all started — the fundamentals of computing, and a habit of building things that stuck.",
  },
];

function Experience() {
  return (
    <section id="experience" data-screen-label="Experience">
      <div className="wrap">
        <div className="section-header">
          <h2 data-split-words>Experience — the path so far.</h2>
          <span className="meta-num">02 / 06</span>
        </div>

        <div className="timeline">
          <div className="timeline-rail"></div>
          {EXPERIENCE.map((e, i) => (
            <div key={i} className="tl-row fade-up" style={{ transitionDelay: (i * 80) + 'ms' }}>
              <div className="tl-year mono">{e.year}</div>
              <div className="tl-dot"></div>
              <div className="tl-card">
                <div className="tl-head">
                  <h3 className="tl-role">{e.role}</h3>
                  <span className="tl-where mono">{e.where}</span>
                </div>
                <div className="tl-org mono">{e.org}</div>
                <p className="tl-body">{e.body}</p>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Experience = Experience;