const About = () => {
  return (
    <section id="about" className="about wrap">
      <div className="section-mark">
        <span className="num">№ 02</span>
        <span className="name">Over mij</span>
        <span className="spacer"></span>
        <span className="meta">— De Stylist Coach</span>
      </div>

      <div className="about-grid" style={{marginTop:48}}>
        <div className="about-col-left">
          <img src="images/content_sc_15.jpg" alt="Portret Sanne" className="about-portrait" style={{width:"100%",objectFit:"cover"}} />
        </div>
        <div className="about-col-right">
          <h2>
            Ik ben Sanne — en ik geloof dat <em>echte stijl</em> vanbinnen begint.
          </h2>
          <div className="about-body">
            <p>
              Mode is voor mij altijd een manier geweest om te ontdekken wie ik ben,
              en hoe ik me wil laten zien aan de wereld. Als Fashion Stylist heb ik
              geleerd dat kleding veel meer is dan alleen wat we aantrekken —
              het is een reflectie van wat we voelen, en zelfs van wie we proberen
              te worden.
            </p>
            <p>
              Vanaf mijn twaalfde ben ik gepassioneerd door persoonlijke ontwikkeling.
              De zoektocht naar je authentieke zelf gaat niet alleen over het uiterlijk —
              het gaat over jezelf leren kennen, accepteren en omarmen.
            </p>

            <div className="pullquote">
              "De echte magie gebeurt wanneer je innerlijk en uiterlijk in balans zijn."
            </div>

            <p>
              Door opleidingen en mijn eigen reis van groei ben ik gaan begrijpen
              hoe styling en innerlijke ontwikkeling elkaar versterken. Als je van
              binnen sterk staat, kun je de wereld met vertrouwen tegemoet treden.
              En als je in jezelf gelooft, kan je stijl niet anders dan je kracht
              versterken.
            </p>
            <p>
              Het mooiste wat ik doe, is vrouwen helpen om hun eigen licht te vinden
              en dat te laten stralen. Deze combinatie van styling en coaching is
              geen trucje. Het is een reis. En ik loop graag een stukje met je mee.
            </p>
          </div>

          <div className="about-stats">
            <div className="stat">
              <div className="n">6+</div>
              <div className="l">Jaar in mode</div>
            </div>
            <div className="stat" style={{display:"none"}}>
              <div className="n">200</div>
              <div className="l">Vrouwen begeleid</div>
            </div>
            <div className="stat">
              <div className="n">1-op-1</div>
              <div className="l">Altijd persoonlijk</div>
            </div>
          </div>
        </div>
      </div>

      <div className="about-strip">
        <img src="images/content_sc_11.jpeg" alt="" className="thumb" style={{width:"100%",objectFit:"cover"}} />
        <img src="images/content_sc_9.jpeg" alt="" className="thumb" style={{width:"100%",objectFit:"cover"}} />
        <img src="images/content_sc_12.jpeg" alt="" className="thumb" style={{width:"100%",objectFit:"cover"}} />
        <img src="images/content_sc_7.jpeg" alt="" className="thumb" style={{width:"100%",objectFit:"cover"}} />
      </div>
    </section>
  );
};

window.About = About;