// Sobre.jsx — Sobre a Michele
// FOTO: substitua images/michele.jpg pela foto real da Michele
function Sobre() {
  return (
    <section className="section" id="sobre">
      <div className="wrap about-grid">
        <div className="about-photo reveal">
          <span className="ap-frame"></span>
          <image-slot id="michele" shape="rect" fit="cover" src="images/michele.jpg" placeholder="Foto da Michele"></image-slot>
        </div>
        <div className="about-copy">
          <span className="eyebrow reveal">Sobre a Bronze Terê</span>
          <h2 className="reveal" data-d="1">Prazer, eu sou a Michele.</h2>
          <p className="reveal" data-d="2">
            Há 8 anos ajudo mulheres de Teresópolis a conquistarem um bronzeado bonito, seguro e adequado para cada tipo de pele.
          </p>
          <p className="reveal" data-d="2">
            Meu objetivo é que cada cliente se sinta confortável, acolhida e confiante durante toda a experiência.
          </p>
          <div className="about-sign reveal" data-d="3">Michele Machado</div>
          <div className="reveal" data-d="3"><WaButton variant="primary">Quero falar com a Michele</WaButton></div>
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Sobre });