/* 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">Me talking about the importance of deleting sh*t.</span>
        </span>
      </div>
      <div className="about-body">
        <h2 className="about-heading">About me</h2>
        <p>
          I specialise in complex B2B systems where simplicity is hard-won. My most recent experience has been in fintech and hospitality.
        </p>

        <div className="sub-eyebrow">Experience</div>
        <p>
          As a Staff Designer 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, my role extended well into product strategy — shaping the roadmap, defining metrics, what we built and why. 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 designers and scaling design practice alongside a fast-growing product org.
        </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="skill-chips">
          <span className="skill-chip">B2B discovery</span>
          <span className="skill-chip">Complex systems</span>
          <span className="skill-chip">Product strategy</span>
          <span className="skill-chip">Cross-functional collaboration</span>
          <span className="skill-chip">Product design</span>
          <span className="skill-chip">Service design</span>
        </div>

        <div className="sub-eyebrow">Talks</div>
        <p>
          I like to talk. A lot, if you know me. You could have met me when I was speaking about <a href="https://www.youtube.com/watch?v=Q2KId_yd8Q0" target="_blank" rel="noopener noreferrer">Product-led Design Systems</a> at Atacama, <a href="https://open.spotify.com/episode/1jKTptqjkW2akfLi3FTH88" target="_blank" rel="noopener noreferrer">Working in Product Trio</a> at Product Perspectives, <a href="https://www.linkedin.com/feed/update/urn:li:activity:7192118243476623360/" target="_blank" rel="noopener noreferrer">Uncovering Buzzwords</a> at Make, or the Importance of Deleting Sh*t.
        </p>

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