/* Experience - career timeline with hover-reveals */

const ROLES = [
  {
    company: "Quantesic",
    title: "Principal Solutions Architect / Founder",
    dates: "Jan 2026 - Present",
    loc: "Orlando, FL / Remote",
    summary:
      "Founded and built an enterprise SaaS platform that synthesizes customer success data across CRM, ticketing, and product analytics into actionable intelligence for TAMs.",
    bullets: [
      "Engineered the complete software suite on Google Cloud (<b>101,839 source lines across 336 files</b>) covering a marketing site, customer web app, super-user operator console, and shared backend functions.",
      "Built a <b>RAG pipeline on Gemini 2.5 Flash and Vertex AI embeddings</b> generating real-time root-cause hypotheses, execution plans, and automated QBR dashboards from tenant-isolated historical data.",
      "Shipped <b>13 bidirectional API integrations</b>: Salesforce, HubSpot, Zendesk, ServiceNow, Jira, ClickUp, Gainsight, Slack, Zoom, Datadog, Gmail, Microsoft, Google Calendar.",
      "Designed enterprise-grade security from day one: tenant isolation, backend-enforced RBAC, DLP redaction before any LLM call, and SOC 2 Type 1 controls in active collection.",
    ],
  },
  {
    company: "Token Careerpaths",
    title: "AI Implementation Consultant / Solutions Architect",
    dates: "Mar 2025 - Present",
    loc: "Remote",
    summary:
      "Designed and shipped a high-end career-development web platform; integrated Gemini for agentic workflows with strict behavioral guardrails.",
    bullets: [
      "Authored structured AI instruction files defining behavioral constraints and system guardrails for production agentic workflows.",
      "Bridged hi-fi visual design concepts into functional frontend code, owning the path from UX mock to shippable component.",
    ],
  },
  {
    company: "Zoom",
    title: "Senior Technical Account Manager, Paid Professional Services",
    dates: "Oct 2022 - Mar 2025",
    loc: "Remote",
    summary:
      "Strategic technical advisor for an $8.4M ARR enterprise portfolio. Managed complex integration support and executive business reviews to drive long-term account growth.",
    bullets: [
      "Owned an <b>$8.4M ARR portfolio</b>, acting as voice-of-the-customer to Product and Engineering leadership.",
      "Advised on enterprise rollouts of <b>Zoom AI Companion</b>, including governance, integration strategy, and adoption planning.",
      "Engineered API-based automated workflows that reduced manual setup time and accelerated customer adoption velocity.",
      "Architected a self-service technical knowledge base and troubleshooting playbook that <b>deflected 20% of Tier-1 support tickets</b>.",
    ],
  },
  {
    company: "Medallia",
    title: "Technical Account Manager",
    dates: "Mar 2022 - Sep 2022",
    loc: "Remote",
    summary:
      "Designed and deployed bespoke enterprise platform configurations for Fortune 500 clients.",
    bullets: [
      "Mapped complex business logic to scalable platform architectures using JavaScript and XML configurations.",
      "Orchestrated end-to-end REST API integrations and troubleshot cross-platform ETL data-flow issues.",
      "Drove a <b>15% increase in platform adoption</b> within the first 90 days via discovery workshops.",
    ],
  },
  {
    company: "PlanSource",
    title: "Technical Account Manager / Implementation Lead",
    dates: "Mar 2020 - Mar 2022",
    loc: "Orlando, FL",
    summary:
      "Owned end-to-end technical implementation for large-scale enterprise clients, mitigating risk and protecting launch timelines.",
    bullets: [
      "Achieved a <b>98% on-time launch rate</b> across an enterprise client portfolio.",
      "Subject matter expert on high-stakes identity and system integrations with Workday and Dayforce, owning data-mapping schemas end-to-end.",
      "Built automated workflows via API triggers that saved each client account an estimated <b>40 hours/month</b> of manual effort.",
    ],
  },
  {
    company: "Lumen Technologies",
    title: "Senior Account Executive / Solutions Consultant",
    dates: "Apr 2018 - Mar 2020",
    loc: "Orlando, FL",
    summary:
      "Pre-sales technical architect mapping mid-market client requirements to API-based service portfolios.",
    bullets: [
      "Translated complex networking concepts into clear executive business value.",
      "Hit <b>110% of strategic sales attainment</b>.",
    ],
  },
];

function Experience() {
  return (
    <section id="experience">
      <div className="container">
        <Reveal>
          <div className="section-head">
            <span className="mono">03 / Experience</span>
            <h2>Seven years of context. The kind that <em>compounds</em>.</h2>
          </div>
        </Reveal>

        <div className="timeline">
          {ROLES.map((r, i) => (
            <Reveal key={r.company} delay={i * 40}>
              <Role role={r} />
            </Reveal>
          ))}
        </div>
      </div>
    </section>
  );
}

function Role({ role }) {
  const [open, setOpen] = useState(false);
  return (
    <div
      className={`role ${open ? "open" : ""}`}
      onClick={() => setOpen(!open)}
    >
      <div className="role-meta">
        <span className="role-dates">{role.dates}</span>
        <span className="role-loc">{role.loc}</span>
      </div>
      <div className="role-body">
        <div className="role-headline">
          <span className="role-company">{role.company}</span>
          <span className="role-title">{role.title}</span>
          <span className="role-arrow">{open ? "-" : "->"}</span>
        </div>
        <p className="role-summary">{role.summary}</p>
        {open && (
          <ul className="role-bullets">
            {role.bullets.map((b, i) => (
              <li key={i} dangerouslySetInnerHTML={{ __html: b }}></li>
            ))}
          </ul>
        )}
      </div>
    </div>
  );
}

Object.assign(window, { Experience });