---
import Icon from "./Icon.astro";
import { interests } from "../data/content";
---
<section class="section container" id="interets">
  <div class="reveal" style="margin-bottom:32px;">
    <div class="eyebrow">05 / à-côté</div>
    <h2 class="h2">Centres d'intérêt</h2>
  </div>
  <div class="reveal interests">
    {interests.map((it) => (
      <div class="interest">
        <span class="interest-ic"><Icon name={it.icon} size={20} /></span>
        <div class="interest-name">{it.name}</div>
        <div class="interest-note">{it.note}</div>
      </div>
    ))}
  </div>
</section>
