// Hero.jsx
const Hero = () => (
  <section id="top" className="hero-wrap">
    <div className="bv-container">
      <div className="hero-grid">
        <div>
          <h1 className="hero-title">
            Um sonho da<br/>nossa região,<br/><em>realidade desde 2023.</em>
          </h1>
          <p className="hero-sub">
            Conheça mais sobre a Belavista e saiba como ajudar.
          </p>
        </div>

        <div className="hero-image">
          <div className="frame">
            <img src="assets/photos/hero-fachada.jpg" alt="Fachada da Faculdade Belavista" />
          </div>
        </div>
      </div>
    </div>
  </section>
);
window.Hero = Hero;