---
import { profile, stats } from "../data/content";
---
<section class="section container" id="about">
  <div class="reveal about-grid">
    <div class="about-portrait">
      <img
        src="/images/profil/pp3.png"
        alt="Johan Leroy, développeur fullstack"
        width="1041"
        height="1253"
        loading="lazy"
      />
    </div>
    <div>
      <div class="eyebrow">01 / à propos</div>
      <h2 class="h2 about-h2">Penser, construire, livrer.</h2>
      <p class="about-p">{profile.bio}</p>
    </div>
  </div>

  <div class="reveal stats">
    {stats.map((s) => (
      <div class="stat">
        <div class="stat-n">{s.n}</div>
        <div class="stat-l">{s.l}</div>
      </div>
    ))}
  </div>
</section>
