/* About.jsx — Section 3 */
function About() {
  return (
    <div className="about">
      <div className="about-photo-wrap">
        <img className="about-photo" src="assets/Photo-About.webp" alt="Zuzana presenting at a conference" loading="lazy" />
        <span className="img-tip about-tip" tabIndex="0">
          <span className="label">Uncovering Buzzwords, a talk on how jargon can complicate discovery.</span>
        </span>
      </div>
      <div className="about-body">
        <h2 className="about-heading">About me</h2>
        <p>
          I specialise in complex B2B systems where the problem is rarely what it first looks like. My most recent experience has been in fintech and hospitality.
        </p>

        <div className="sub-eyebrow">Experience</div>
        <p>
          At <a href="https://www.pleo.io/en/partnerships" target="_blank" rel="noopener noreferrer">Pleo</a>, I worked in fintech with accountants and finance teams. Without a product manager on the team, I owned the full product scope alongside the engineering manager: problem framing, discovery, metric definition, prioritisation, and roadmap shaping. Before that I was Design Lead at <a href="https://www.mews.com/en/property-management-system" target="_blank" rel="noopener noreferrer">Mews</a>, a B2B hospitality unicorn, leading a team of six and driving product strategy across a fast-growing platform.
        </p>
        <p>
          More recently I've been working as a product consultant with <a href="https://www.linkedin.com/posts/mariankamenistak_product-operating-model-ugcPost-7404882030423146498-5dRM/?utm_source=share&utm_medium=member_desktop&rcm=ACoAAB9tP8IBrD3uFJGA5pGLhgFXT7HRGLm25m8" target="_blank" rel="noopener noreferrer">Engineering and Product Leaders</a> in Prague — helping companies establish their product operating model, including running workshops on how product trios actually collaborate in practice.
        </p>

        <div className="sub-eyebrow">Skills</div>
        <div className="skill-chips">
          <span className="skill-chip">Product discovery</span>
          <span className="skill-chip">User research</span>
          <span className="skill-chip">Roadmap prioritisation</span>
          <span className="skill-chip">Success metrics</span>
          <span className="skill-chip">Data analysis</span>
          <span className="skill-chip">Product strategy</span>
          <span className="skill-chip">Stakeholder alignment</span>
          <span className="skill-chip">Cross-functional leadership</span>
          <span className="skill-chip">Systems thinking</span>
        </div>

        <a className="btn secondary cv-btn" href="assets/Zuzana-Hrusovska-PM-CV-2026.pdf" download="Zuzana-Hrusovska-PM-CV-2026.pdf"><span className="btn-label">Download my CV</span></a>
      </div>
    </div>
  );
}
window.About = About;